Salangdung_i의 기록

HTML기초 본문

WEB FRONT END/HTML5+CSS

HTML기초

Salangdung_i 2021. 10. 28. 08:59
728x90

HTML란?

  • 하이퍼텍스트 마크업 랭귀지의 줄임말
  • 하이퍼텍스트를 마크업하는 언어이다.
  • 하이퍼텍스트란 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할수 있는 기능
  • 마크업이란 태그를 사용해 문서에서 어느부분이 제목이고 본문인지, 어느부분이 사진이고 링크인지 표시하는 것을 말한다.
  • 즉, 웹에서 자유롭게 오갈수 있는 웹문서를 만드는 언어

HTML 문서 기본 구조

웹 문서는 아무리 길더라도 <!doctype>과 <html>, <head>, <body> 네 가지 태그를 이용해 문서의 시작과 끝을 표시한다.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>내가 처음 만드는 HTML 문서</title> </head> <body> <h1>시간이란...</h1> <p>내일 죽을 것 처럼 오늘을 살고<br> 영원히 살 것처럼 내일을 꿈꾸어라.</p> <img src="images/first.jpg"> </body> </html>

태그

  • <!DOCTYPE html> - 현재문서가 HTML5언어로 작성된 웹문서라는 의미
  • <html> ~</html> 웹 문서의 시작과 끝을 나타내는 태그
  • <head></head> 웹 브라우저 웹문서를 해석하기위해 필요한 정보를 입력하는 부분
  • <body></body> 실제로 웹 브라우저 화면에 나타낼 내용이다.
  • <meta>태그 - 문자 인코딩 및 문서 키워드, 요약정보
  • 특수기호
화면표시 특수기호 화면표시 특수기호
& &amp; 공백 한칸 &nbsp;
< &lt; > &gt;
" &quot; | &#124;
( &#40; ) &#41;
, &#44; - &#45;
' &acute;    


참고

http://m.yes24.com/Goods/Detail/85112155?pid=157529

Do it! HTML5+CSS3 웹 표준의 정석 - YES24

7년 연속 웹 분야 1위시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다7년 연속 웹 분야 1위를 굳건히 지키고 있는 『Do it! HTML5+CSS3 웹 표준의

m.yes24.com

(Do it! HTML5+CSS3 웹표준의 정석, 이지스퍼블리징(주), 2017)을 학습하고 개인 학습용으로 정리한 내용입니다.

"Icon made by Pixel perfect from www.flaticon.com"

728x90

'WEB FRONT END > HTML5+CSS' 카테고리의 다른 글

HTML 이미지 관련 태그  (0) 2021.10.28
HTML 텍스트 관련 태그  (0) 2021.10.28
HTML5 ::이미지, 하이퍼링크  (0) 2019.09.29
HTML5 :: 목록 태그  (0) 2019.09.28
HTML5 :: HTML 5 텍스트 태그  (0) 2019.09.28
'WEB FRONT END/HTML5+CSS' Related Articles more