LikeLion Web Day_09

LikeLion Web Day_09

[HTML & CSS]

텍스트와 관련된 태그

< 해당 콘텐츠는 '멋쟁이 사자처럼'의 교육자료를 기반으로 제작되었습니다.

게시글의 불법 복제 및 복사, 공유가 전면금지 되어있습니다. >

20210429_20615034_9기교육

텍스트와 관련된 태그

- 텍스트와 관련된 태그 : 제목태그/본문태그/글자와 관련된 태그 

    위의 신문처럼 웹사이트도 글자 및 글씨 크기/굵기가 다름을 확인.

    - 제목태그
        제목을 나타내고 싶을 때 사용. 중요도에 따라 1~6까지 사용. 헤딩의 약자.

        대제목 <h1>, 부제목 <h2> or <h3>, ...

        태그가 없어도 있는 것처럼 표출이 됨. 허나, CSS때 불편

    - 본문태그
        종류 : <p>, <br>, <pre>

        <p></p> : paragraphs의 약자 단락, 문단 뜻.

        <br> : break의 약자로 부수다, 찢다 뜻. Enter와 동일히 줄바꿈을 해준다. 

                종료태그를 쓰지 않음. == 빈 요소 라고 부름.(empty element) == 컨텐츠가 비어있음.

                (<img> 태그 또한 빈 요소에 해당)
        <pre></pre> : preformatted의 약자로 형식화된 뜻. Enter와 동일히 줄바꿈을 해준다. 입력한 모양새 그대로 나오기 때문, 들여쓰기 조차 포함 조심.

    - 글자와 관련된 태그 
        종류 : <strong>, <em>, <sub>, <sup>, <ins>, <del>, <ins>, <del>
        <strong></strong> : 강한 뜻. 태그로 감싼 단어/문장을 굵은 체로 바꿔줌. 중요의미부여.

        <em></em> : emphasized의 약자로 강조된 뜻, 태그로 감싼 단어/문장을 이탈릭체로 바꾸어 줌. 중요의미부여.

         : subscripted의 약자로 아래 기입한 뜻, 태그로 감싼 단어/문장을 일반 위치보다 아래로 올림.

         : superscripted의 약자로 위에 기입한 뜻, 태그로 감싼 단어/문장을 일반 위치보다 위로 올림.

        <ins></ins> : inserted의 약자로 끼워 넣은 뜻, 단어/문장 아래 밑줄 추가.

        <del></del> : deleted의 약자로 삭제된 뜻, 단어/문장에 실선 추가.