<title>
웹 페이지의 타이틀을 달때 사용함
<head>태그 안에 적어야 함
eg)
<!DOCTYPE html>
<html>
<head>
<title>즐거운 프로그래밍 수업</title>
</head>
</html>
<h1> ~ <h6>
웹 페이지의 헤드라인 작성시 사용
페이지의 머리기사 용도로만 사용 ( 굵게, 크게 할 때 사용하지 않고, 검색엔진 효율 높이기 위해 사용 )
숫자가 1에 가까울 수록 크고, 6에 가까울 수록 작다
<h1>양현준</h1>
<p>솦과에서 가장 귀엽다</p>
title "속성"
페이지 본문에 마우스가 올라갈 때 설명문(툴팁)이 출력됨
모든 태그는 title 속성을 가질 수 있음
<h1 title="h1태그로 작성">여기는 H1태그 부분임!</h1>
속성(attribute)
속성은 요소에 대한 추가적인 정보를 제공
속성은 항상 시작태그에 속성이름="값" 형태로 기술됨
<p>
단락(paragraph)라는 의미
전체 글을 내용에 따라 나눌 때, 하나하나 짧은 이야기 토막
</p>로 끝나는 문단 다음에는 자동으로 빈 줄이 추가됨
텍스트 입력시 주의사항
텍스트는 특별한 태그 없어도 표시할 수 있음
다만 단락생성을 안하면 모든 텍스트가 연결됨
HTML에서는 엔터키, 공백이 그대로 브라우저에 표현되지 않음
<br>
강제 줄바꿈 태그
단일 태그 ( 종료 태그가 없음 )
<pre>
개발자가 입력한 그대로 화면에 표시하는 태그 ( 빈칸 , 탭 , 엔터 유지 )
Previously formatted text 라는 의미
프로그램 소스를 표시할때 사용
<hr>
수평선을 긋는 태그
단일 태그
특수문자
예약어 문자나 기호를 표시하기 위해 사용
| 특수문자 | 설명 |
| | 공백 문자 한개 |
| &li; | < |
| > | > |
| " | " |
| & | & |
텍스트 서식
<b>진하게</b> 진하게
<strong>중요한</strong> 중요한
<i>이탤릭</i> 이탤릭
<em>이탤릭으로 강조</em> 이탤릭으로 강조
<mark>하이라이트</mark> 하이라이트
<del>삭제</del> 삭제
<ins>추가</ins> 추가
<sup>위첨자</sup>
<sub>아래첨자</sub>
<q>짧은 인용문, 들여쓰기 없이 따옴표</q> "짧은 인용문, 들여쓰기 없이 따옴표"
<blockquote>긴 인용문, 들여쓰기</blockquote> 긴 인용문, 들여쓰기
'쓰레기통' 카테고리의 다른 글
| 정수형 변수 출력 (0) | 2021.03.26 |
|---|---|
| HTML의 기본 구조 #4 - 이미지 태그 (0) | 2021.03.26 |
| HTML의 기본 요소 #3 - 하이퍼링크 태그 (0) | 2021.03.26 |
| HTML의 기본 요소 #2 - 목록 태그 (0) | 2021.03.26 |
| HTML의 기본요소 #0 (0) | 2021.03.25 |