본문 바로가기

공부/홈페이지 구축 및 연동

선행학습) HTML

HTML

  


  ▶ HTML



 1) HTML ( Hyper Text Markup Language )로 HyperText ( 웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 기능 )의 기능을 가진 문서를 만드는 언어 입니다. 



 2) 즉, 구조를 설계할 때 사용되는 언어로 hyper link 시스템을 가지고 있으며, 흔히 말하는 웹 페이지를 위한 MarkUp 언어라고 할 수 있습니다.









  ▶ 웹 페이지 ( web page )

 


 1) 웹 페이지는 월드 와이드 웹 상에 있는 개개의 문서를 뜻하며, htm, html의 확장자 포맷을 가지고 있습니다. 



 2) html 문서는 단순히 텍스트 파일에 불과한 웹 브라우저가 해석을 해서 구조를 통해 화면에 랜더링 해주게 되고 사용자는 View 라고 하는 스크린을 통해 접하게 되는 것입니다.








  ▶ 시멘틱 마크업 ( Semantic Markup )



 1) Semantic Markup은 종종 POSH ( plain old Semantic HTML ) 라고도 불리우는 데 말 그대로 평범하고 오래된 의미의 HTML이라는 뜻입니다.



 2) HTML은 웹 사이트 콘텐츠를 설명하는 데 사용되는 마크업 언어이므로 콘텐츠의 의미를 설명하는 데 유일한 목적을 가진 언어입니다.


 3) 즉 CSS가 비주얼 디자인 ( Visual Design ) 이라고 하면 HTML은 구조적 설계 ( Structure Design )이라 할 수 있습니다.








HTML 문서 작성을 위한 기본 문법

  


  ▶ HTML 문서인 웹 페이즌 head 영역과 body 영역으로 구성됩니다.



  ▶ 문서의 타이틀 ( title )은 웹 페이지의 제목으로 브라우저 탭에 표시됩니다.






  ▶ HTML 용어

 


 1) 엘리먼트 ( element ): 요소 ( 콘텐츠 ( 요소포함 )을 감싸는 태그 ( tag ) )



 2) open tag: 여는 태그



 3) close tag: 닫는 태그



 4) 애트리뷰트 ( attrivute ): 속성



 5) 벨류( value ): 값






HTML 문서 작성을 위한 DTD



  ▶ HTML을 작성하려면 문서탑이라는 것이 반드시 필요합니다.


 문서 타입을 DTD 라고 하며, DTD ( DOCTYPE or Document type Definition )는 DTD는 HTML 문서의 반드시 최상 위에 위치해야 합니다.




 




'공부 > 홈페이지 구축 및 연동' 카테고리의 다른 글

선행학습) DB 관계형 모델 및 DBER  (0) 2020.01.16
선행학습) JSP  (0) 2020.01.16
선행학습) CSS  (0) 2020.01.16