본문 바로가기

HTML

HTML 기본 예

728x90

HTML Documents

모든 HTML 문서 <!DOCTYPE html> 시작해야한다.

HTML문서는 <html>에서 시작하고, </html> 끝난다.

HTML문서의 눈에 보이는 부분은 <body> </body> 위치한다.

 

<!DOCTYPE>선언

선언은 문서의 종류(type) 나타내고, 브라우저가 웹페이지를 올바르게 나타내도록 돕는 역할을 한다. 어떤 HTML태그보다 위에 와야한다.

 

보통 HTML5에서는  <!DOCTYPE html> 이라고 선언한다.

 

HTML 제목태그

<h1>에서 <h6>까지 정의된다.

<h1>태그가 가장 중요한 제목, <h6> 가장 중요한 제목

 

HTML문단태그

<p> 정의되고 paragraphs(문단)의 약자이다. 하나의 문단을 만들 사용한다.

 

HTML링크

네이버를 예로 들어보자!
실제 페이지에서는 이렇게 보라색 밑줄그어진 글자가 만들어진 걸 볼수있다. 클릭하면 정의한 속성의 페이지로 이동한다.

 

<a>태그를 사용한다. <a>태그에는 href라는 속성(attribute) 가지고 있는데 속성은 HTML요소에 관해 추가적인 정보를 제공할 사용된다.

나중에 자세히 설명하겠다.

 

HTML이미지

<img>태그를 사용한다. 이미지 태그 또한  가지 속성을 제공해주는데

src 불러올이미지 파일의 위치

alt 이미지 파일이 불러와지지 않을 대체할 있는 메세지

width 이미지파일의 넓이 지정

height 이미지파일의 높이 지정

728x90

'HTML' 카테고리의 다른 글

CSS에서 변수 사용하기  (0) 2023.04.20
클릭했을 때 전화 걸기 html/css  (0) 2023.03.15
CSS 네이밍 예시 ・ 팁  (0) 2023.03.14
HTML요소  (0) 2022.04.27
HTML(Hyper Text Markup Language)이란  (0) 2022.04.27