Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 속성 선택자
- Li
- BR
- select
- JavaScript
- 인라인 레벨 요소
- :active
- textarea
- !doctype html
- Python
- 전체 선택자
- ::before
- Ol
- BODY
- Form
- option
- table
- ::first-letter
- 한정수 강사님
- colspan
- ::first-line
- JAVA 개발 환경 설정
- Head
- tag
- ul
- img
- rowspan
- Border
- HTML정의
- Title
Archives
- Today
- Total
개발 공부 기록하기
DAY 2. 텍스트(text) 삽입과 관련된 tag 본문
<hn> | - 제목 tag. 다른 text보다 크고 진하게 표시. - = heading - <h1>, <h2>, <h3>, <h4>, <h5>, <h6>가 있음. - h 옆의 숫자가 작을수록 큰 제목. |
<p> | - text 단락을 만듦. |
<br> | - 줄바꿈. - 단락이 나눠진게 아니라서 나중에 CSS 적용할 때 주변과 구분해서 적용할 수 없음. |
<blockquote> | - 인용문임을 나타냄. - 다른 text보다 좀 들여쓰기 되어 나타남. |
<strong> | - 중요한 내용을 굵게 강조. - 시각장애인용 screen reader(화면 낭독기)에서 accent 넣어서 읽어줌. |
<b> | - 단순히 글자만 굵게 나타냄. |
<em> | - 기울임체로 강조. - 문장 흐름상 특정 부분 강조. |
<i> | - 단순히 글자만 기울여 나타냄. - 마음 속 생각, 용어, 관용구 등. |
<abbr> | - 줄임말 표시. - title 속성을 함께 쓸 수 있음. ex, <abbr title="Internet of Things">IoT</abbr> |
<cite> | - 웹 문서나 포스트에서 참고 내용 표시. ex, <p>내가 경험한 가장 흥미진진한 일은 누군가를 만나는 일이다 - 영화, <cite>'비포선셋'</cite></p> |
<code> | - 컴퓨터 인식을 위한 소스 코드. ex, <code>function savetheLocal( )</code> |
<small> | - 작게 표시해도 되는 text (ex, 부가 정보) ex, <p>가격: 13,000원 <small>(부가세 별도)</small></p> |
<sub> | - 아래 첨자. ex, <p>물의 화학식은 H<sub>2</sub>O입니다.</p> |
<sup> | - 위 첨자. ex, <p>E=MC<sup>2</sup></p> |
<s> | - 취소선. ex, <p><s>34,000원</s>19,000원</s></p> |
<u> | - 밑줄. ex, <p><u>텍스트에 단순히 밑줄 긋기</u></p> |
<ins> | - 공동 작업 문서에서 새로운 내용 삽입. ex, <p><ins>새로운 내용을 삽입합니다.</ins></p> |
<del> | - 공동 작업 문서에서 기존 내용 삭제. ex, <p><del>기존 내용을 삭제합니다.</del></p> |
'프밍 > HTML' 카테고리의 다른 글
DAY 2. 표 만들기와 관련된 tag (0) | 2022.08.20 |
---|---|
DAY 2. 목록 형성 관련 tag: <ol>, <ul>, <li> (0) | 2022.08.20 |
DAY 2 - 웹 문서 구조를 만드는 시맨틱(Semantic) tag (0) | 2022.08.20 |
DAY 2. HTML 파일 만들기 실습 (0) | 2022.08.20 |
DAY 1. HTML의 구조 (0) | 2022.08.19 |
Comments