23.02.07 (제어문자, 태그, 속성, 테이블)

😀공부할 수 있는 사이트 : http://w3schools.com

 

😀※무의미한 글자 생성 사이트 : http://guny.kr/stuff/klorem/

 

<!-- 
p(paragraph) 태그(문단태그)
==> 하나의 문단(문장, 단락)을 만드는 태그
- 글을 쓸 때 문단을 만들어서 보기 좋게 써야할 때 사용함
- 제목태그와 마찬가지로 자체적으로 줄바꿈 기능을 제공함
- 상단 한 줄, 하단 한 줄 공백을 지원함

br태그
==> 줄 바꿈을 해 주는 태그
- 종료(끝) 태그가 없음
- 이렇게 종료(끝) 태그가 없는 태그를 단독 태그라고함


 -->

<p> 단락 태그입니다 </p>

 

<!-- 
HTML에서의 특수 문자 처리 방법 (엔티티코드?)
- ~ 보다 작은(<) : &lt; (less than)
- ~ 보다 큰(>) : &gt;
- Ampersand : &amp;
- Copyright(저작권) : &copy;
- Registered trademark(등록상표) : &reg;
- Trademark(상표) : &trade;
- Quotation mark(이중 인용부호) : &quot;
- Opening single quote mark(인용부호 시작) : &lsquo;
- Close sing quote mark(인용부호 끝) : &rsquo;
- Medium list dot(가운데 점) : &middot;
- Space(공백) : &nbsp;
 -->

 

<!--
태그는 속성이라는 것을 줄 수가 있음
형식) <시작태그 속성="값" 속성="값"> </끝태그>
 -->

<h1 align="center" style="background-color: blue;">제목입니다 </h1>

 

<!-- 
a 태그
==> 다른 페이지 , 파일 , 이메일 주소, 다른 url로 연결(이동)할 수 있는 하이퍼링크 태그

a 태그 속성
- _self : 현재창에서 특정 페이지로 이동하는 속성(default값)
- _blank : 새로운 창에서 특정 페이지로 이동하는 속성
- 
 -->

<a href="www.google.com" target="_blank">구글</a>

 

<!-- 
hr 태그
==> 선 그리기(수평) 태그 : 단독태그
- 문단의 분리를 위해서 사용되는 태그
- 기본적으로 위치가 가운데 정렬(align="center")
 -->

<hr width="30%">

 

<!-- 
font 태그 : 글자와 관련된 태그

-size 속성(필수) @ 1~7까지
 -->

<font size="3">폰트 사이즈는 1~7까지</font> <br>

 

 

<!-- 
text 서식과 관련된 태그
- b 태그 : 텍스트 글자를 굵은 글자로 만들어 주는 태그 (bold)
- i 태그 : 텍스트 글자를 이탤릭체(기울어진 글자)로 만들어 주는 태그
- small 태그 : 텍스트 글자를 작은 글자로 만들어주는 태그
- sub 태그 : 텍스트 글자를 아래첨자로 만들어 주는 태그
- sup 태그 : 텍스트 글자를 윗첨자로 만들어 주는 태그
- ins 태그 : 텍스트 글자를 밑줄 글자로 만들어 주는 태그 
- del 태그 : 텍스트 글자를 취소선이 그어진 글자로 만들어 주는 태그
 -->

 

<!-- 
목록 태그
- ul(unordered list) 태그
  ==> 순서가 없는(정렬이 되지 않은) 목록 태그
<!-- type="disc"(기본값), "circle", "square" -->

- ol(ordered list) 태그
  ==> 순서가 있는(정렬이 된) 목록 태그
<!-- type="1"(기본값), "a", "A", "i", "I" -->

- li 태그 : list 목록
-->

<ol type="circle">

<li> </li>

</ol>

 

<ul type="I">

<li>아메</li>

</ul>

 

<!-- 
img(이미지) 태그
형식) <img src="이미지경로명.파일명" />
 -->

<img src="images/car1.gif" width="250" title="제네시스 쿠페", alt="경로 또는 파일명이 잘못되었습니다" />

 

 

<!-- 
★★★★★★★★★★★★★★★★
table 태그
==> 데이터를 만들어 주는 태그
- tr(table row) 태그 : 테이블에 행을 만들어 주는 태그
- td(talbe data) 태그 : 테이블에 열을 만들어 주는 태그
- th(table head) 태그 : 테이블에 제목을 만들어 주는 태그
 -->

<table border="1" cellspacing="0""> ==> 경계선 만들고 셀 간격 0으로 만들기

 

<!-- 
th(table head) 태그
==> 테이블 제목(열)을 만들어 주는 태그
- 제목 글자가 진하게(bold) 처리가 되어 화면에 나타남
- 제목 글자가 가운데 정렬이 되어 화면에 나타남
 -->