テキストタグ

hnタグ-タイトルを表示

기본형: <hn>제목</hn>
각 웹 콘텐츠 영역에서 제목을 표시 할때 사용하는 태그
크기: h1> h2> h3> h4> h5> h6    

h1

h2

h3

brラベル-改行

  기본형: <br>
  줄을 바꿀 위치에 <br>태그를 사용. 닫는 태그x

hrラベル-雰囲気変換

기본형:<hr>
주제가 바뀔 때 분위기 전환. 수평 줄 생김

pタグ-テキスト段落

기본형:<p>텍스트</p>
입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어짐

過去
ラマバルサ
アザチャタカパ

blockquoteラベル-引用文の挿入

기본형:<blockquote>인용 내용</blockquote>
다른 텍스트보다 안으로 들여 써짐.

参照内容

テキストを1行のタグとして表示

strong,b-太字/em,i-斜体

<strong>
<b>
<em>
<i>
strong, em: 흐름상 특정부분을 강조하고싶을때 사용
b, i : 단순히 표현하고싶을때 사용

qラベル-参照を表示

줄바꿈 없이 다른 내용과 한 줄에 인용 내용 표시
인용 내용 앞뒤에 따옴표 (" ") 추가됨

mark-蛍光ペン効果

<mark> 태그로 묶은 부분의 배경색이 노랑으로 표시.
css를 통해 다른색으로 변경가능

span,div-バインド領域

<span> - 줄 안에서 (인라인)묶기
<div> - 줄 바꿔(블록)단락으로 묶기

リストのタグを作成

ul,li-無秩序リスト

각 항목 앞에 불릿이 붙여짐
CSS의 list-style-type 속성으로 불릿 수정

ol,li-シーケンスリスト

각 항목 앞에 숫자가 붙여짐
<ol> 태그의 속성
	- type  속성: 불릿 앞의 숫자 조정
    - start 속성: 중간 번호부터 수정
    - reserved 속성: 역순으로 표시
<ul>
  <li>1일차
    <ol type= "a">
    	<li>해녀 박물관</li>
        <li>낚시 체험</li>
    </ol>
  </li>
  <li>2일차
    <ol start="3">
      <li>용눈이 오름</li>
      <li>만장굴</li>
      <li>카약체험</li>
    </ol>
  </li>
</ul>

1日目

海女博物館

釣り体験

日目

竜眼上昇

万窟

カヌー体験

表のタグの作成

row: 행
column: 열
<table>~</table>:표 전체
<tr>~</tr> : 행
<td>~</td> : 셀, <th> ~ </th> : 제목셀
<table>
		<tr>
			<th>1행 1열제목 셀</th>
			<td>1행 2열</td>
			<td>1행 3열</td>
		</tr>
		<tr>
			<th>2행 1열제목 셀</th>
			<td>2행 2열</td>
			<td>2행 2열</td>
		</tr>
	</table>

1行1列ヘッダー・セル
1行2列目
1行3列
2行1列ヘッダー・セル
2行2列目
2行2列目