웹에플리케이션 만들기 – html, css, js의 활용

그럼 지금 부터는 우리가 지금까지 배운 것들을 활용해서 여러분이 직접 어떤 것을 만드는 것이 아니라 다른 사람 또는 다른 회사에서 만든 이 거대한 기능들을 여러분이 몇 줄의 코드를 붙이는 것을 통해서 여러분의 서비스에 붙일 수 있는 그런 방법들에 대해서 살펴보겠습니다 우리가 진도를 나가는 것도 좋지만 지금까지 우리가 배운 것들을 아주 작게 사용해서 강력한 효과를 얻는 것을 여러분들이 확인하는 것도 공부의 재미를 높이는 중요한 요소라고 저는 생각하거든요

그래서 준비한 수업입니다 하지만 우리 수업의 흐름상에서는 이것은 있어도 좋고 없어도 좋은 것이기 때문에 급하시거나 시간이 없거나 재미없으면 넘어 가셔도 되는 부분입니다 우선 두 가지의 서비스를 붙여 볼 겁니다 첫 번째는 댓글 서비스인데요 지금 보고 계신 이 사이트에 여러분과 다르게 저는 댓글이 있네요

이것은 뭐냐면 DISQUS라고 하는 서비스를 쓰고 있고요 “자바스크립트를 알고 싶어요”라고 이렇게 방문자가 댓글을 달면, 댓글이 달리는 거죠 그렇게 댓글을 달면 그것이 관리자인 여러분에게 이메일로가서 여러분이 이메일로도 확인 할 수 있고 그 이메일에다가 직접 답글을 달면 여기에도 답글이 달리는 그런 기능을 제공을 합니다 특히나 스팸을 차단 한다든지 이런 여러가지 복합적이고 복잡한 기능을 우리가 직접 만드는 것은 대단히 어렵고 까다로운 일인데 그런 것들을 제공하는 기능입니다 또 하나는 여러분 사이트에 방문한 사람들과 채팅을 하고 싶을 수도 있잖아요

그런 경우에 이것을 직접 만드는 건 이것 역시도 엄청나게 힘든 일인데 우리는 몇 줄의 코드만 붙이면 이렇게 생긴 채팅창이 생겨납니다 그러면 여기에다가 여러분이 “안녕하세요? 또 질문이 있습니다“ 라고 입력하고 엔터를 치면 지금 소리 들리시죠 이 소리는 여기서 나는 겁니다 여기서 이것은 여러분이 방문자에게 응답할 수 있는 화면이에요

여기서 참여 버튼을 누르면 이렇게 화면이 뜨고, “말씀하세요” 라고 하고 엔터를 치면 이렇게 방문자에게 "말씀하세요" 라고 하는 문자가 가는 그런 채팅기능입니다 이것을 우리가 장착을 해 볼 것 입니다 채팅기능과 댓글기능 우선 댓글기능부터 살펴보겠습니다

댓글 기능은 저는 DISQUS라고 하는 회사에서 제공하는 서비스를 쓸 건데 이게 아무래도 외국에서 제작된 서비스이기 때문에 DISQUS 말고도 한국에 LiveRe라고하는 좋은 서비스가 있으니까요 이런 서비스도 한 번 살펴보시면 좋겠습니다 저는 DISQUS로 수업을 진행을 하겠습니다 DISQUS에 가셔서 일단은 회원가입을 하셔야 합니다 그리고 여기 보시면 GET STARTED 라고 되어있는 부분을 클릭하면 이 중에서, I want to Install Disqus on my site

라고 되어있는 부분을 클릭하면 이거는 뭐냐면 “DISQUS를 나의 사이트에 설치하고 싶습니다” 란 뜻 입니다 그럼 이렇게 나오죠 그럼 여기에서 웹 사이트 이름으로 "생코웹애플리케이션만들기수업"이라고 이렇게 하고 입력하면 여기 잘 보시면 주소가 자동으로 생성이 되는데 소리 나는 대로 읽어보세요 예 신기할 거예요

한국어죠 그리고 Category는 뭐 적당히 선택하시면 되고요 Language는 Korean으로 하면 한국어로 만들어집니다 Create Site 를 하면 이제 DISQUS에 여러분의 사이트 하나가 등록된 겁니다 무슨 말인지는 조금만 기다려보시면 이해가 됩니다 여기서 Yes, I understand 라고 되어있는 것을 클릭하시고 그리고 그 중에서 여러분이 지금 생성한 댓글을 여러분 사이트에 장착해야 되기 때문에 그 장착하기 위한 코드가 필요합니다

Universal Code 를 클릭합니다 그러면 이렇게 코드가 나오는데 바로 여기 있는 이 코드를 카피해서 (카피 작업 중) 우리의 코드에서 이 <article> 안쪽 즉 여러분이 댓글을 장착하고 싶은 그곳에다가 붙여넣기를 이렇게 합니다 그럼 여기 있는 코드를 잘 보면은 어때요 DISQUS가 우리한테 html코드를 주고 JavaScript코드를 이렇게 주는 것을 볼 수가 있습니다 여기 JavaScript코드가 어떻게 생겼고 어떻게 동작하는지는 중요하지 않습니다

그냥 DISQUS는 이렇게 생긴 코드를 우리의 웹사이트에 다가 붙이면 DISQUS의 기능이 우리 웹사이트에 붙을 것 입니다 라고 우리한테 사용설명서의 안내를 해 준거고 우리는 그 안내에 따라서 그렇게 하면 되는 겁니다 이렇게 한 다음에 그리고 제가 Reload를 해보면 보시는 것처럼 DISQUS에 댓글이 붙은 것을 볼 수가 있습니다 만약에 여기에 간격이 너무 떠 붙어있다 그러면 여러분이 CSS같은 걸을 통해서 이 간격을 조정하면 더 밑으로 내려와서 보기 좋은 형태가 되겠죠 이게 DISQUS입니다

어때요 이렇게 강력한 기능을 이렇게 간단하게 붙일 수 있다는 거 하지만 이게 아무리 간단하다고 하더라도 여러분이 우리가 앞에서 배웠던 html, CSS, JavaScript와 같은 것들에 대한 이해가 없다면 이것을 하는 것은 어려운 일이거나 아니면 이것을 하는 것을 여러분이 아예 엄두를 내지 못할 가능성이 큽니다 우리가 앞에 있는 것들을 배웠기 때문에 이렇게 가능하고 그것만으로도 이렇게 강력한 효과가 나온다 라는 것을 여러분들이 좀 즐거우셨으면 좋겠습니다 한 번 이것 저것 해보세요

그리고 하나만 더 해봅시다 여기다가 채팅기능을 제가 붙여 볼 건데요 tawk(착)이라고 하는 서비스입니다 tawk 이름이 되게 어렵죠 tawk

to 라는 서비스로 들어 가보시면 이렇게 생긴 서비스인데 이 서비스는 이 온라인으로 채팅으로 고객지원을 해주는 그런 기능을 제공하는 서비스이고 아주 강력한 기능을 완전히 무료로 제공하고 있는 그런 서비스입니다 회원가입을 하시면 되겠고요 회원가입이 끝난 다음에는 로그인 버튼을 클릭해서 이렇게 관리자 화면으로 들어가시면 됩니다 위에서 여기 위에 언어를 선택하는 부분에서 한국어를 선택하시면 저처럼 한국어를 볼 수가 있습니다 그리고 여기에 보시면 Admin이라고 되어있는 부분을 클릭해보시면 Property 라고 되어있는 부분의 추가 버튼을 눌러서 사이트를 추가 할 수가 있습니다

즉 여러분이 붙이고 싶은 채팅사이트를 추가하는 거죠 그리고 만들기 버튼을 누르면, 여기 만들기 전에 여기에다가 "생코웹애플리케이션만들기" 라고 적어주시고 사이트 URL은 여러분이 운영하는 사이트를 적으면 되는데 아무거나 적어도 잘 작동하더라구요 저는 o2org 라고 실제로는 없는 사이트죠 그리고 만들기를 누르면 되고 만약에 여러분이 사이트가 없다

그런 경우에는 그냥 페이지를 선택하시면 이 tawk에서 만들어 준 페이지의 채팅기능이 붙기 때문에 여러분이 특별히 웹사이트를 직접 운영하지 않아도 가능합니다 만들기 버튼을 누르겠습니다 그러면 이렇게 생긴 화면이 뜨고요 여기의 오른쪽에 보시면 Widget Code(위젯코드)라는 것이 나옵니다 저기 있는 저 Widget Code를 카피합니다

그리고 이 코드를 어디로 가져가냐 우리의 웹페이지의 <body> 위쪽에 다가 붙여주세요 이 <body> 코드위에 다가 붙여주는 거죠 그리고 사이트로 들어 간 다음에 Reload를 하면 여기에 어떤 변화가 생기는지를 한 번 봅시다 보시는 것처럼 이렇게 생기화면이 뜨죠 그럼 여기에서 클릭하면 상담원이랑 채팅을 할 수 있는 화면이 뜹니다

여기에다가 “안녕하세요? 질문이요” 하고서 엔터를 치면 잠시 후에 우리 관리자화면에서 전화가 걸려와요 그리고 여기 있는 이게 전화가 왔다는 뜻입니다 그걸 클릭하면 이런 화면이 뜨고요 여기에 참여버튼을 누르면 보시는 것처럼 전화를 받는 셈 인거죠 그럼 여기서 “말씀하세요

” 화면을 쪼개봤습니다 “말씀하세요”라고 엔터를 치면 보시는 것처럼 말씀하세요가 뜨고 여기에서 방문자가 “궁금한 건요”이렇게 하면은 보시는 것처럼 방문자가 한 말이 우리의 사이트에 들어오게 되는 것이죠 그럼 여기서 여러 가지 그 방문자들에게 이 도움을 줄 수 있는 그런 활동들을 여기서 하고 그 다음에 작업이 끝나면 여기 있는 끝 버튼을 누르시면 됩니다 그러면 끝나는 거죠 그리고 이렇게 커뮤니케이션했던 이력이나 이런 것들이 이제 우리 여러분의 관리자에 남게 되고 그리고 혼자서 그 뭐죠

응대를 하는 것이 아니라 여러분 사람들이 응대할 수 있는 그런 기능들도 제공하고 있는 아주 강력한 서비스입니다 지금 제가 두 가지의 사례를 보여드렸는데요 이 사례가 중요한 것이 아니고 여러분들이 좀 주목을 해야 될 점은 우리가 코딩을 하는 이유가 무엇인가라는 겁니다 지금 우리가 지금까지 html, CSS, JavaScript 와 같은 것들을 배웠고 그런 것들을 통해서 이것 저것을 만들어봤는데 우리가 만든 것 중에는 보시는 것처럼 이렇게 제목과 같이 어떻게 보면 작은 기능부터 시작해서 여기 있는 저기 뭐죠 DISQUS와 같은 댓글 그리고 tawk과 같은 이 채팅시스템과 같은 말하자면 거대한 기능을 여러분의 애플리케이션에 붙이는 거 까지 가능해 진 것은 바로 코드의 힘이라는 것 즉 코드는 여러분이 만들고자 하는 것에 필요한 것들 제목, 댓글, 채팅 이러한 부품들을 결합하는 결합방법 또는 접착제와 같은 것이다 라는 생각을 좀 가지시면 좋을 것 같습니다 이렇게 해서 조금 실용적인 예제를 좀 보여드리려고 했는데 이러한 예제들을 바탕으로 해서 여러분들이 실제로는 거대한 웹사이트를 성큼성큼 만들어가는 겁니다

여기까지 하겠습니다

Web Design – HTML Basic Class | Hello World

안녕하세요 안녕하세요

오늘의 수업 HTML 기본 수업 처음에는 PC 또는 Computer Setup에 대해 알 수 있습니다 우리는 폴더를 만들었습니다 자, 폴더 안에있는 상단보기를 클릭하십시오 그런 다음 옵션을 클릭하십시오 그런 다음 새 폴더 옵션 탭이 열립니다

다시보기를 클릭하십시오 이제 알려진 파일 형식의 확장명 숨기기 왼쪽에 똑딱 거리는 것은 제거되어야합니다 그런 다음 확인 버튼을 클릭하십시오 당신의 일이 끝났습니다 PC 설정이 완료되었습니다

텍스트 문서에서 새 파일을 만듭니다 이제 이름은 indexhtml입니다 우리의 확장은 이제 쉽게 볼 수 있습니다 왜냐하면, 우리는보기로 이동하기 때문에 확장 숨기기 옵션에서 확장이 제거되었습니다

웹 디자인이란 무엇입니까? 즉, 웹 디자인이란 무엇입니까? 즉, 웹 디자인, 웹 사이트는 어떻게 생겼습니까? 웹 디자이너로서의 당신의 직업 완벽한 웹 사이트 템플릿을 만드십시오 즉, 헤더가 메뉴를 가질 것인지, 사이드 바가 있어야하는지, 꼬리말은 무엇을 의미합니까? 코드 편집기 코드 편집기 란, 어디에서 어떤 코드를 작성해야합니다 즉, 웹 디자인을하기 위해서는 코드를 알고 배우거나 우리는 코드 편집기를 선택했다 비주얼 코드 스튜디오 할 수있는 일이 많이 있습니다

코드 편집기를 사용할 수 있습니다 예를 들면 : Notepad ++ 숭고한 코드 편집기 등 코드 편집기 다운로드 및 설치 HTML이란 무엇입니까? 즉, HTML이란 무엇입니까? HTML은 하이퍼 텍스트 마크 업 언어입니다

그렇지 않으면 웹 디자인을 할 수 없습니다 태그 열기 및 닫기 HTML을 우리에게 쓸 때 태그를 여는 것이 필요합니다 그리고 닫는 태그를 사용하십시오 태그 : 제목 및 단락 우리는 H1에서 H6으로 시작합니다

총 6 개의 표제 태그를 사용할 수 있습니다 첫 번째 태그부터 마지막 ​​태그까지의 제목 태그 연속 쓰기는 계속 작을 것입니다 즉, 내가 H1에서 내려 오 자마자, 텍스트가 작을수록 좋습니다 이 수업은 오늘 여기서 끝날 것입니다 다음 학급에서 다시보세요

Text Animation | HTML and CSS Tutorial | Web Design Tutorial 2019

CSS와 HTML을 사용하여 우리의 비디오를보고 웹 디자인을 배우십시오

좋아, 시작하자 그것은 최고의 텍스트 애니메이션입니다 텍스트 애니메이션 웹 디자인 2019 HTML 및 CSS 자습서

텍스트 애니메이션 웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션

웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019

HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션

웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019 HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019

HTML 및 CSS 자습서 텍스트 애니메이션 웹 디자인 2019 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019

Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation

텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019

최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션

웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019

Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation

텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019

최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션

웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019

Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation

텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019

최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션

웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019

Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation

텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019

최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션

웹 디자인 자습서 2019 Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019

Jquery Text Animation 텍스트 애니메이션 2019 최고의 텍스트 애니메이션 웹 디자인 자습서 2019 Jquery Text Animation

감사합니다 구독하십시오

MSIT, NwSSU: WIS HTML-CSS Responsive Web Design Tutorial

안녕 얘들 아이 튜토리얼에 대한 CSS를 사용한 반응 형 웹 디자인 너는 나에게서 배운다 지금부터 시작하자

그래서 왜 하나의 저장 웹 디자인은 중요한 목표는 반응 형 디자인은 불필요한 크기 조정 스크롤 확대 / 축소 또는 사이트에서 발생하는 패닝 다른 용도로 최적화되지 않았다 장치 웹 페이지는 다음을 사용하여 볼 수 있습니다 데스크톱과 같은 다양한 장치 태블릿 및 휴대 전화 웹 페이지가 있어야합니다 좋아 보이고 관계없이 사용하기 쉽다 웹 사이트가있을 때 장치의 반응 형 디자인으로 쉽고 빠르게 변경됩니다

변화를 걱정할 필요가있다 이러한 유연성은 웹 사이트에 큰 영향을 미칩니다 당신이 빨리하고 싶을 때 이점 당신의 편에 오타를 꼬집거나 수정하십시오 한 번 시작하면됩니다 다음을 포함하는 폴더를 만듭니다

HTML 파일을 색인화하고 CSS 스타일 지정 우리의 인덱스에서 HTML 파일을 추가하자 HTML 구조를 추가하면 제목은 이제 가장 중요한 것으로 반응 형 웹 사이트에 대한 추가는 메타 태그 html5가 메소드를 도입했습니다 웹 디자이너가 제어권을 갖도록 허용 메타 태그를 통해 뷰포트 메타 뷰포트 요소를 포함해야합니다 우리가 말할 때 모든 웹 페이지에서 뷰포트는 사용자가 볼 수있는 영역입니다 웹 페이지는 장치에 따라 다릅니다

더 작은 장치를 사용하는 경우 뷰포트가 컴퓨터보다 작다 width 속성이 화면을 제어합니다 뷰포트의 크기는 너비와 같은 특정 픽셀 수 600에 해당하는 특수 값 장치 CSS의 화면 너비입니다 100 % 스케일의 픽셀 initial-scale 속성은 페이지가 처음로드 될 때 줌 레벨 많은 웹 페이지가 그리드보기를 기반으로합니다 이는 페이지가 분할됨을 의미합니다 n 개의 반응 그리드보기를 컬럼으로 12 개의 열을 가지며 총 너비는 100 % 축소되고 확장 될 것입니다

브라우저 창 크기를 조정할 때 웹 디자인에 중요한 역할을한다 놓기가 더 쉽기 때문에 페이지를 페이지의 요소를 반응 형 그리드보기를 통해 모든 HTML 요소에는 상자 크기 조정 기능이 있습니다 속성은 테두리 상자 값을 설정합니다 패딩과 경계를 확인합니다 총 폭과 요소를 추가하는 높이 CSS를 만들어야합니다

스타일 시트를 찾아서 색인에 삽입하십시오 이제 해당 HTML 파일을 상자에 추가 할 수 있습니다 테두리 상자 볼륨으로 크기 조정 속성 내부에 두 개의 열을 추가해 봅시다 HTML 파일의 한 행 HTML 태그를 추가 한 후 반응 형 스타일 이 모든 항목이 표시되는 것처럼 이 때문에 왼쪽으로 떠있었습니다 열 안의 요소가 사용됩니다

페이지의 흐름을 방지하기 위해 우리가 스타일을 추가해야만하는 상황에서 애프터 셀렉터가있는 행에서 우리는 두 값이 모두 들어있는 clear 속성 새 행이 아래에 추가됩니다 첫 번째 행은 우리가 만든 예제를 보여줍니다 당신은 % value를 사용해야합니다 특별히 요소의 너비 이전에 언급 한 것처럼 지금 열 웹에 총 12 개의 열이 있습니다 12 열을 만들자

수업을하고 반응 형 웹에 사용 페이지 이 열은 모두 부동이어야합니다 왼쪽에는 15px의 패딩이 있어야합니다 국경도 간단한 웹 페이지를 만들어 보겠습니다 머리글과 바닥 글을 추가합니다 이제 섹션 내부에 2 개의 행을 추가 할 것입니다

우리는 섹션 태그를 사용하고 section 태그에 두 개의 div 요소를 추가합니다 수업 행과 함께 첫 번째 행 안쪽에 두 개가 추가됩니다 열을 추가하고 각각 내부에 항목을 추가하십시오 기둥 두 번째 행에 3을 더할 수 있습니다 열을 추가하고 각각 내부에 텍스트를 추가하십시오

기둥 당신 좋아 이제 웹 페이지가 생겼어 당신 웹 페이지에 이미지를 추가 해보자 만들어진 브라우저에서 확인해 봅시다 이미 반응 적이다 이미지가 없기 때문에 여전히 혼란 스럽다

비율의와 그것의 적합하지 않았다 우리는 무엇을해야 고정 된 일을해야 하는가? 내가 말한대로 그것을 반응하게 만든다 이전에 칼럼 내부의 요소 만들기 우리는 반응 형의 이 경우 너비 속성은 이미지 요소가 우리 칼럼에 잘 맞춰서 최대 너비 속성이있는 이미지 추가 100 퍼센트 가치 좋아, 나는 그것이 모두 좋다라고 생각한다 좋아, 그래서 미디어 쿼리 미디어 쿼리 무엇입니까 css3에서 소개 된 CSS 기술로서 @media 규칙을 사용하여 블록을 포함합니다 특정 경우에만 CSS 속성 조건은 이것보다 일찍 참이다 튜토리얼 우리는 행이있는 웹 페이지를 만들었습니다

및 열 및 그것은 반응했지만 그것은 작은 화면에서 좋지 않았다 미디어 쿼리는 우리가 할 수있는 것을 도울 수 있습니다 브레이크 포인트를 추가합니다 디자인이 다르게 작동합니다 거기에 브레이크 포인트의 각면이있다

수많은 스크린과 장치 높이와 너비가 다르기 때문에 에 대한 정확한 중단 점을 만들기가 어렵다 각 장치는 물건을 간단하게 유지하기 위해 여분의 5 개 그룹을 목표로 할 수있다 장치들 소형 장치 중간 장치 대형 장치 초대형 기기는 @media 규칙을 사용하는 다른 중단 점 개발에 사용할 수있는 먼저이 타일을 추가하여 모든 열의 너비가 100 %로 변경됩니다 소형 장치에 도달했을 때 그 (것)들을 사용하여 성분을 은폐하는 것을 시도하자 미디어 쿼리 이렇게하면 반드시 모든 이미지가 숨겨집니다

너비가 600px 미만인 경우 웹 페이지 이제 글꼴 스타일을 미디어 쿼리를 사용하는 태그 텍스트의 글꼴 변경 스타일이 600px에 도달하면 스타일 미디어 쿼리를 사용하여 서로 다른 요소의 글꼴 크기 화면 크기 당신 이 비디오를 시청 해 주셔서 감사합니다 [음악]

How to Build & Design a Website : How to Use HTML in Your Website

여기 드롭 박스는 모두 여기에 있습니다 우리는 또한 이것을 변경할 수 있습니다

그럼 네가 할 수있는 일 시각적으로 보아도 그림과 이미지가 현명하게 숫자와 알파벳 순으로 바뀔 수 있습니다 그래서 내가 여기에 들어가서 a를 설정한다면, 저는 이것을 여기에서 바꿀 것입니다, 이것은 우리의 것입니다 맨 처음에 올라가 이것은 우리의 첫 번째 제품이며, 우리는 바꿀 것입니다 우리는 "Big"이라고 말하면서 강조 할 것입니다

"빅", 우리는 그것을 새롭게하려고합니다, 한번 보죠 이제 우리는 위로 스크롤을합니다 그것을 미리 보거나 변경하려면 여기를보십시오 내가 말했듯이, 당신이 제어 할 필요가있다, 당신은 HTML 코드에서 바로 제어 할 수있다 웹 사이트의 핵심이며 HTML로 변경 한 내용을 볼 수 있습니다

코드가 바로 여기에 있습니다 드롭 박스에 있습니다