[HTML&CSS Basic]1. Introduction to HTML

[HTML] 01. Introduction to HTML

01-1. HTML(Hypertext Markup Language)의 정의

• Hyper Text('Text를 뛰어넘다'):문서와 문서가 링크로 연결되어있다.
• Markup Language_:_ 태그를 이용하여 문서나 데이터의 구조를 명시하는 언어

∴ 웹페이지의 구조 또는 데이터의 작성을 위한 언어

01-2. HTML 의 기능

• HTML로 웹페이지의 구조를 잡을 수 있습니다.
• HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성
• 브라우저(safari, chrome, ie..)는 HTML파일 통해 웹 페이지를 생성합니다.

01-3. element(요소)

요소: <(tag명), (속성값...)>(content)</(tag명)> 의 한 묶음,구조

HTML은 요소들의 집합

<h1>시작!</h1>#한 요소
<img src="me.png">#한 요소

01-4. HTML tag, content

1. 태그는 HTML문서를 구성하는 기본 단위로 <> 으로 감싸져서 표시

• 태그 형식: <(tag명), (속성값...)>(content)</(tag명)>
• 브라우저에서는 내용(content) 부분만 표시
• 내용의 왼쪽에 있는 것이 시작 태그(opening tag), 내용 우측에 있는 것이 종료 태그(closing tag)
• ul, ol, li
• p, span
• a
• div
• header, footer
• button
• table, tr, th, td, tbody, thead
• 등등

참고 자료) h1 to h6 tag

Ex.)

<p></p>
<h1></h1>
<h2></h2>
<a></a>

cf.)closing tag가 없는 것

<img>
<br>

참고 자료) 태그 종류

01-5. attribute(속성)

• 속성은 Opening tag에 위치
• 요소에 대한 추가적인 정보 제공

Ex. )class, href, src, alt......

<div class="title">시작!</div>
<a href="https://naver.com">네이버로 이동</a>
<img src="./me.png" alt="내사진" >

참고 자료) HTML 속성