본문 바로가기

html

HTML 기본 문법

반응형

 

HTML의 문법에서 태그가 중요하다. 

여기서 태그란 HTML 코드에서 정보를 정의하는 형식이다.

 

태그의 기본 형태

<태그명> 콘텐츠 기입 </태그명>

=> 여는 태그<> 와 닫는 태그</>로 콘텐츠의 시작과 끝을 기입한다

 

 

단일 태그

<태그명/>
<태그명>

=> 단일 태그는 여는 태그와 닫는 태그가 콘텐츠를 감싸지 않고 단일 태그로써 사용한다.

 

태그의 속성

태그의 속성은 태그의 부가적인 기능을 정의하는 것이다.

태그명과 속성은 공백으로 구분한다.

속성값은 큰 따옴표로 사용한다.

<태그명 속성명=”속성값”> 콘텐츠 </태그명>
<태그명 속성명=”속성값”/>

 

주석

주석이란 사람에게는 보이지만 컴퓨터는 인식하지 못하는 코드이다.

주로 코드에 대한 설명, 메모를 남기기 위한 목적으로 사용한다.

<!-- 주석 내용 기입– >

 

HTML 기본 문법 예시

-  코드 -

<p> hello world</p>
<br> <br /> <br> <br />
<strong style = "color:red> Hello <strong>

<!--html 기본 문법 예시입니다.-->

1. <p> </p>태그로 hello world 라는 글을 웹 브라우저에 표시하였다.

2. <br> 또는 <br />은 단일 태그로써 한 줄 띄우기를 위미한다.  <br> 과 <br />을 4번 사용하여 네 줄을 띄었다.

3. <strong> 태그에 color:red 라는 스타일 속성을 지정하였다.

5. 주석을 달았다. 단지 메모를 위한 것으로 웹브라우저 결과에 영향을 주지 않는다.

 

-  결과 -


반응형

'html' 카테고리의 다른 글

컨테이너 태그 - div, span 태그  (0) 2022.07.25
이미지 태그(img)  (0) 2022.07.23
블록 태그와 인라인 태그  (0) 2022.07.18
텍스트 태그  (0) 2022.07.15
html 파일 만들어 실행시키기  (0) 2022.01.18