티스토리 뷰

카테고리 없음

Frontend_HTML 태그

justgodoit 2024. 8. 22. 18:43

목차

    < HTML >

    HTML 뜻

    1. Hyper Text Markup Language의 약자이다.

    HTML의 특징

    2. Markup(태그)으로 정의하는 언어이다.

    3. 웹 문서를 만들 때 사용하는 언어이다.

    4. 태그로 구성되어있다. <태그>

    1) 각 태그마다 화면에 표현되는 형식이 다르다.

    2) 대부분 시작 태그와 종료 태그로 구성되어 있다. <b></b>

    3) 시작태그만 존재하는 경우도 있다. <input>

    4) 계층 구조를 가지고 있다. (부모태그, 자식태그, 형제태그)

     

    HTML의 작성형식

     

    <태그명  속성1 ='속성값1' 속성2= "속성값2" attribute="value"> 화면에 표현할 값</태그명>

    태그 작성 시 태그명은 대소문자를 가리지 않지만 일반적으로 소문자를 사용한다.

     

    HTML 블럭 요소 태그 적용범위

    한 줄 전체에 적용되며, 다음 요소 작성 시 자동으로 줄바꿈 처리된다.

     

    HTML 인라인 요소 태그 적용범위

    해당 요소에만 적용되며, 줄바꿈을 강제로 해주어야한다.

     

    HTML 문서의 기본 구조

    <!DOCTYPE html>

    문서형식을 지정하는 것으로 HTML5 형식임을 알리는 선언문이다.

     

    <html lang="ko">

    html문서의 시작으로 문서의 모든 내용을 포함하는 최상위 태그이다.

     

    <head></head>

    해당 문서의 각종 정보, 제목, 설명, 스타일시트 등을 표현하는 태그이다.

     

    <body></body>

    화면에 표현하고자 하는 정보 및 내용을 표현한다.

     

    </html>

    html의 문서의 끝 태그이다.

     

    HTML meta태그

    head 태그에 속해있으며 해당 html 문서의 정보를 표현한다

    ex)

    <meta charset="UTF-8">
    <meta name="generator" content="문서를 제작한 프로그램">
    <meta name="author" content="문서의 제작자">
    <meta name="keywords" content="문서에 대한 키워드">
    <meta name="description" content="문서에 대한 설명">

     

    HTML 줄바꾸는 태그

    <br>
    HTML은 VsCode에서 작성한 그대로 화면에 줄바꿈이 되지않기 때문에 줄바꿈을 하려는 위치에 줄바꿈 태그를 작성해줘야한다.

     

    HTML 수평선 만들어주는 태그

    <hr>

    웹 화면 전체에 가로 수평선을 넣을 때 작성하는 태그이다.

     

    HTML 특수문자 쓰는 방법 (엔티티코드)

    HTML에서 특수문자를 작성하기 위해서는 &로 시작하고 ; 로 끝나게 작성한다.

     

    HTML에서 < 특수문자 쓰는 방법

    작다 (less than)라는 뜻으로 < 특수문자를 작성할 때 아래와 같이 작성한다.

    &lt;

    HTML에서 > 특수문자 쓰는 방법

    크다 (greater than)라는 뜻으로 > 특수문자를 작성할 때 아래와 같이 작성한다.

    &gt;

     

    HTML에서 공백쓰는 방법 

    공백을 작성할때 아래와 같이 작성한다.

    &nbsp;

     

    HTML에서 & 특수문자쓰는 방법

    &특수문자를 할때 아래와 같이 작성한다.

    &amp;

     

     

     

     

    저작자표시 비영리 변경금지