HTML (7) 썸네일형 리스트형 HTML 가로 줄<hr>, 줄 바꿈<br>, <pre>요소 태그 주제별 구분을 위해 사용 됨 가로선이 표시! DOCTYPE html> This is heading 1 제목 머리글 This is some text. 단락 This is heading 2 제목 머리글 This is some other text. 단락 This is heading 2 제목 머리글 This is some other text. 단락 줄 바꿈 태그 줄 바꿈을 하고싶다! 그럴 때 사용 DOCTYPE html> 안녕하세요강동에 살고있는강동 믓재이 입니다.. 태그 HTML 요소는 미리 형식이 지정된 텍스트를 정의 한다. 요소 내부의 텍스트는 고정너비 글꼴로 표시 공백과 줄 바꿈을 모두 유지 DOCTYPE html> The pre tag preserves both spaces and line bre.. HTML 주석처리, 단락<p> HTML 주석처리는 브라우저에 표시되지 않지만 HTML 코드를 문서화(설명) 하는데 도움이 된다! 주석처리 DOCTYPE html> This is a paragraph. This is a paragraph too. 단락 HTML 요소는 단락을 정의한다 단락은 항상 새 줄에서 시작하며 일반적으로 텍스트로 분류 단락은 항상 새 줄에서 시작하고 브라우저는 단락 앞뒤에 일부 공백(여백)을 자동으로 추가 HTML 속성(Attribute) HTML 속성에 대해 알아보자~ 모든 HTML 요소는 속성을 가질 수 있음 속성은 요소에 대한 추가 정보를 제공 속성은 항상 시작 태그에 지정 속성은 일반적으로 name="value" 와 같은 이름/값 쌍으로 작성 href 속성(하이퍼링크) 태그는 하이퍼링크를 정의 herf속성은 링크가 이동하는 페이지의 URL을 지정 DOCTYPE html> The href Attribute HTML links are defined with the a tag. The link address is specified in the href attribute: 네이버 src 속성(이미지) 태그는 HTML 페이지에 이미지를 삽입하는데 사용 src속성은 표시할 이미지 경로를 지정 width = 너비를 지정 height = 높이를 .. HTML 이미지 <img>, 개발자 도구 태그 소스 파일 (src) 속성 대체 텍스트(alt) 속성 width 및 height 속성 DOCTYPE html> HTML Images HTML images are defined with the img tag: 개발자 도구 활용하기 브라우저에서 지원하는 개발자 도구를 열어 사용. 자주 사용하는 탭 보통 F12를 누르면 개발자도구 열림 ※ 브라우저 접속 → F12 → 개발자도구 열림! Elements (요소) Console (콘솔) Network (네트워크) Application (에플리케이션) HTML 단락<p>, 링크<a href> 태그는 문서에서 단락을 표현 DOCTYPE html> This is a paragraph 단락. This is another paragraph 단락. 태그로 링크의 대상은 href속성에 지정 속성은 HTML 요소에 대한 추가정보를 제공하는데 사용 DOCTYPE html> HTML Links HTML links are defined with the a tag: This is a link 링크 HTML 제목 ( <h1> </h1> ....<h6> </h6> ) html 제목은 .... 태그로 정의 가장 중요한 제목을 정의 (제목 중 크기가 가장 큼) 가장 덜 중요한 제목을 정의 (제목 중 크기가 가장 작음) 제목은 중요하다. 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 색인화 사용자는 종종 제목으로 페이지를 훑어 봄 문서 구조를 표시하려면 제목을 사용하는 것이 중요 DOCTYPE html> This is heading 제목 1 This is heading 제목 2 This is heading 제목 3 This is heading 제목 4 This is heading 제목 5 This is heading 제목 6 HTML이 뭐야? HTML 이란? HTML은 Hyper Text Markup Language 의 약자 HTML은 웹 페이지를 만들기 위한 표준 마크업 언어 HTML은 웹 페이지의 구조 설명 HTML은 일련의 요소로 구성 HTML 요소는 브라우저에 콘텐츠를 표시라는 방법을 알림 HTML 요소는 "제목", "단락", "링크", 등과 같은 콘텐츠 조각에 레이블을 지정 vscode를 이용하며 확장자를 .html 로 파일을 만들어 주면 html파일이 만들어 진다. DOCTYPE html> ☞ DOCTYPE html> 선언 이 문서가 HTML5문서임을 정의 ☞ 요소 = HTML 페이지의 루트 요소 ☞ 요소의 시작태그 = HTML 페이지에 대한 루트 요소 Page Title ☞ 요소 HTML 페이지의 제목을 지정(브라우저의 제목 표시.. 이전 1 다음
