HTML

생활코딩 : HTML 정리 -1. 태그 (by. 웹 어플리케이션 만들기)

식초 2020. 8. 29. 10:30

--html은 정보이다.--

 

  • <strong> </strong> : 강조해준다(굵은글씨)

 

  • <a> </a> : 링크를 나타낸다

 

  • <a href=""> </a> : 주소를 연결해주는 속성명 href , ""안의 것은 속성 값. (hypertext reference)

  • target="_blank" : 속성, 새창에서 링크를 연다

  • target="_self" : 속성, 현재창에서 링크를 연다

 

  • <li> </li> : (점으로)리스트화 한다

  • <ul> </ul> : <li>태그를 그룹화 한다, 순서가 없는 리스트 (unordered list)

  • <ol> </ol> : <li>태그를 그룹화 한다, 순서가 있는 리스트 (ordered list)

 

  • <body> </body> : 문서의 내용

 

  • <head> </head> : 문서의 정보

  • <meta charset="utf-8" /> : 문서가 utf-8이라는 방식으로 저장되어 있다, 한글이 깨지지 않음

  • <title> </title> : 문서의 탭 이름이 정해진다. <head>태그 안에 쓴다.

 

  • <!DOCTYPE html> : html 문서가 어떤 표준안에 따라 작성된 것인지 알 수 있다. 정확하게 작동하게 하기 위해서 쓰자. 표준안에 따라서  독타입이 달라진다.

 

  • <nav> </nav> : 의미론적 태그, 네비게이션 기능을 한다는 것을 알려줌, 쓴다고 변화는 없다

  • <header> </header> : 의미론적 태그, 간판 기능을 한다는 것을 알려줌, 여러 태그를 묶어준다

  • <article> </article> : 의미론적 태그, 본문이라는 것을 알려줌

 

  • <div> </div> : 의미 없는 태그, 그루핑해주는 역할을 한다

 

  • <img src="주소" /> : 이미지 주소 연결

 

  • <input type="button" value="white">

  • <input type="checkbox" value="white">

  • <input type="text" value="white">

 

TAG Reference (태그 사전)

http://dev.w3.org/html5/html-author/

http://opentutorials.org/course/1058

 

HTML 사전 - 생활코딩

본 코스는 HTML의 사용법을 찾아 볼 수 있는 사전 입니다. 본 코스는 리체님의 HTML 5 Tag Dictionary 모듈을 사용하고 있습니다. 좋은 사전을 만들어주신 리체님 감사합니다. ^^

opentutorials.org