HTML2

HTML 태그

 

<h숫자> 태그 사용 예제

html 태그를 사용한 html 파일에서 마우스 오른쪽 버튼 클릭하면 Open with Live Server 클릭한다

 

<p> 단락태그 사용 예제

 

<br> 태그 사용예제 - 줄바꿔 텍스트 내용을 출력하는 기능이 있다

 

<hr> 수평선 긋기 예제

 

<blockquote> 인용 태그 사용 예제 - <blockquote> 태그를 사용하면 텍스트 내용을 들여쓰기할 수 있다

<q> 태그 사용 예제 - ""가 출력된다.

 

태그 사용 예제 - 제주 이색 여행

<p>로 감싼 내용은 줄 간경이 띄워진다. - 11번줄, 12번

 

<pre> 태그 사용 예제

<pre> - 입력하는 그대로 표시

기본적으로 여러 칸 공백이더라도 한 칸만 공백 출력되지만

<pre>를 감싼 부분은 입력 그대로 표시되어 여러 공백 칸이 표시된

 

<em> <i> 태그 사용 예제 - 제주 이색 여행지 - 이중섭 거

 

<span> 사용 예제

<span>으로 감싼 범위의 텍스트 글자를 바꾸는 연습

 

<ul><li> 사용 예제

 

<ol><li> 사용 에제

 

<ul><ol> 태그 혼용 연습 - 제주여행 일정

 

<ol>태그의 type속성을 이용하여 목록에 숫자대신 알파벳을 붙이고 알파벳 중간부터 표시하는 연습

 

<dl>, <dt>, <dd> 개념 - 제목과 그에 대한 설명으로 이루어진 목록

 

<ol>, <dl>, <ul> 태그 혼용 예제

<tr><th><td> 태그로 table 만들기

 

<table> 태그 사용 예제

colspan 속성으로 3열을 합치는 연습