[HTML] HTML의 기본 태그 (1)

 HTML - Hypertext Markup Language

웹문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한종류이다. IT공부를 하면서 먼저 HTML과 CSS를 통해 무엇인가를 만들어보는것이 좋을것같아 HTML 공부를 시작했다. 공부를 하면서 많이 쓰일 태그들을 정리해보려한다. 

 

1. strong 태그    

strong요소는 해당 내용의 중요함을 나타냄

strong을 중첩하면 중첩할 수록  중요하다고 할 수 있다.

  <strong> 강조하는부분 </strong>

 

2. u 태그              

u요소는 underline으로 텍스트에 밑줄을 긋는 스타일 요소

<u>부분<u/>

 

3. h1~ h6태그

각 숫자들은 제목의 등급을 나타내며, h1요소가 가장 높은 등급이고, h6요소가 가장 낮은 등급

H1~ h6.   숫자가 올라갈수록 크기가 작으며 여기서 h는 headings - 제목이라는 뜻

계층 구조에 맞게 순서대로 작성되어지는것이 좋다.

<h1>부분 </h1>

 

4. br, p 태그 

br요소는 단락에서 텍스트를 강제로 줄바꿈 해준다. (한줄)

p요소는 문단을 나타내며 텍스트를 단락으로 정의한다.

문단을 구분하기 위해 <br />태그를 연속으로 사용하는 것 보다는 p태그를 사용하면된다. 

 

5. img 태그

이미지를 삽입하는 태그로   <img src=“@@.jpg”/ > 이런식으로 사용해주면 된다.

src속성은 필수속성이다.  다른폴더에 있는 이미지를 끌여쓰려면 

<img src=“img/logo.jog”  />. img폴더안에있는 logo 이미지 

 

속성

• alt : 사용자기준 이미지가 표시되지않을 때 이미지 대신 표시할 텍스트를 나타내줌
• src : 이미지 주소를 나타낸다.
• width : 이미지 요소의 너비
• height : 이미지 요소의 높이

그냥 이미지를 넣으면 이미지크기가 너무 심각하므로 크기조정이필요하다

ex) width=“100%”> 

여기서 100퍼는 딱맞게하는것으로 예시

여기서 src, width 는 속성이며 위치는 뒤바뀌어도 상관이없다.