TIL 7 , HTML Basics, 부모자식 태그

8432 단어 htmlhtml

Html의 기본구조

<!doctype html>
<html>
  <head>
   <title>이것은 제목ㅎ</title>
   <meta charset="utf-8"> //utf-8로 문서를 읽으라고 브라우저한테 알려주는 기능.
  </head>

  <body>
   <h>HTML이란 무엇인가?</h1>
  </body>
</html>



Title

탭에 내용을 표현하는 제목으로 나타내는법.

<title>이것은 제목ㅎ</title>




부모자식 태그

형태

<parent>
  <child>
  </child>
</parent>

ol과 ul

<ol>                     // ordered list의 약자. 자동으로 넘버링 된다.  
	<li>HTML</li>      //1. HTML 출력
	<li>CSS</li>       //2. CSS 출력
	<li>JacaScript</li>
<ol>

<ul>                     //unordered list.
	<li>heyho</li>     // • heyho 출력
	<li>Jaemyeong</li> // <li>와 같은 항목들은 어디서 어디까지가 
	<li>Sukyeol</li>   //연관된 항목인지 구분짓기위한 부모 태그가 필요하다.
</ul>
  




앵커 태그(링크)

<a href="주소">링크를 걸 문장</a> 

새 탭이 열리게 하고싶다면

<a href="주소" target="_blank">링크를 걸 문장</a> 

클릭하기전에 무엇인지를 알려주고싶다면(마우스 올렸을때 tool tip이 뜬다.)

<a href="주소" title="설명하는문장">링크를 걸 문장</a> 






좋은 웹페이지 즐겨찾기