다양한 관심 :)

html 본문

프로그래밍 공부/html & css

html

뚜뚜:) 2020. 10. 25. 14:06

HTML 기본 태그를 알고가자

<CSS나 JavaScript에서 표현 가능한 동적 처리 표현은 사용을 지양!!>

 

시작표기 끝 표기 설명
<Html> </Html> Html의 시작과 끝을 알린다.
<Head> </Head> Html문서의 머릿말이라고 할수 있다.
<Title> </Title> 브라우저의 상태바에 나타낼 이름을 정의한다.
<Body> </Body> 본문의 시작을 알린다.
<!- -> 주석처리를 알린다. 사이에 들어가는 내용들은
소스보기에서는 보이지만 실제 브라우저에서는 안보인다.
<P>   줄바꿈과 동시에 한 줄이 두개의 단락으로 분리된다.
<Br>   줄바꿈을 하지만 그 단락은 하나로 묶여 있다.
<Pre> </Pre> Html의 문서를 작성시의 문서로 보관한다. (고정의 역할)
<Font> </Font> 폰트에 속성을 부여할 시작을 알린다.
<Font Size=""> </Font> "" 속에 폰트의 크기를 입력한다. 1~7 까지 표현이 가능하며 기본값은 3 이다.
<Font Color=""> </Font> "" 속에 폰트의 색을 입력한다. 기본적으로 내장된 객체를 사용할 수 있으며(Red,Blue,White 등) RGB 컬러를 입력할수 있다.
(#ff0000,#cccccc,#ffffff 등)
<Hr> <Hr Align="" Width="" Size=""> 브라우저에 줄을 표시한다. Align은 정렬을,Width는 좌우크기를 Size는 줄의 굵기를 나타낸다.
<Hr> <Hr Align="" Width="" Size=""> 브라우저에 줄을 표시한다. Align은 정렬을,Width는 좌우크기를 Size는 줄의 굵기를 나타낸다.
<Center> </Center> 사이에 들어가는 모든 객체를 가운데로 정렬한다.
<Strong> </Strong> 글짜를 굵게 표현한다.
<B> </B> 글짜를 굵게 표현한다.
<Em> </Em> 글짜를 Italic 체로 표현한다.
<I> </I> 글짜를 Italic 체로 표현한다.
Background=""   배경에 이미지 경로를 삽입할수 있다.
Body,Table,Tr,Td 등 여러군데 삽입이 가능하다.
Bgcolor=""   배경에 색상을 삽입할수 있다.
Body,Table,Tr,Td 등 여러군데 삽입이 가능하다.
<Blink> </Blink> 글짜를 깜빡이게 해준다.
<U> </U> 글짜에 밑줄을 그어준다.
Underline의 약자로 보인다.
<A Href=""> </A> 객체에 하이퍼링크 속성을 부여한다.
클릭시 정의된 주소로 페이지가 이동하며
그 기본값은 "_Self" 다.
Target=""   Target="_Parent" 한프레임 위로 주소를 이동한다.
Target="_Blank" 새창으로 주소를 연다.
Target="_Self" 현재페이지에서 주소를 이동시킨다.
Target="_Top" 포함된문서에서 가장 상단의 프레임의 주소로 페이지를 이동시킨다.
<A name=""> </A> 현재 보고 있는 페이지에서 지정된 이름을 가진 갈고리 TAG소스로 이동한다.
<Table> </Table> 테이블의 시작과 끝을 알린다.
<Tr> </Tr> 줄의 시작과 끝을 알린다.
<Td> </Td> 칸의 시작과 끝을 알린다.
Colspan=""   가로칸을 "" 속의 수만큼 합친다.
Rowspan=""   세로칸을 "" 속의 수만큼 합친다.
<Td Align=""   칸 속에 정렬방식을 지정한다. (좌우)
Center,Left,Right
<Td Valign=""   칸속에 정렬방식을 지정한다. (상하)
Top,Middle,Bottom,Baseline
<Img src=""> </Img> 이미지태그의 시작과 끝을 알린다.
<Img src="" Align="">   이미지의 정렬방식을 지정한다.
<Img src="" Width="">   이미지의 좌우 크기를 지정한다.
<Img src="" Height="">   이미지의 높이 크기를 지정한다.
<Img src="" Vspace="" Hspace="">   이미지의 여백을 지정한다.
<Img src="" Border="">   이미지의 테두리선을 지정한다.
<Imf src=""Alt="">   이미지가 해당 경로에 위치하지 않을경우 "" 속에 적힌 글짜로 대처되며, 화면을 설명하기 위해 사용되기도 한다.



출처: https://hpitos.tistory.com/14 [냠냠쩝쩝]

'프로그래밍 공부 > html & css' 카테고리의 다른 글

제이쿼리 - 체크박스 사용  (0) 2021.03.16