#03 #HTML

서영·2025년 4월 7일
4

HTML

목록 보기
1/2
post-thumbnail

기본 구조

<! DETPYE html>

	<head>

		<title>

		</title>

	</head>

	<body>

	</body>

</html>

<html></html>- html 시작

<head></head>- 사이트 윗 부분

<title></title>- 사이트 윗 부분 내용 제목

<body></body>- 본문 내용

div, class

<div></div> - 코드를 묶을 떄 사용한다
<class></class> - 클래스 이름을 지정하는 속성

텍스트

<h1></h1>~<h6></h6>

-제목 태그, 글자의 크기 표시 (숫자가 작아질 수록 글자 크기 작아짐)

<p></p>-문단을 나타냄

<br>-줄 바꿈

<blockquote></blockqutoe>-인용문 들여쓰기

<hr>-수평선 나타냄

<strong>-글자 두껍게

<em>-이탤릭체로 강조

목록

<ul></ul>-순서 없는 목록

<ol></ol>-순서 있는 목록

[<ol>태그의 속성]

1. <type=””>-번호 매기기 유형(A,a,1,i…)
2. <start=””>-시작 번호

<li></li>-목록의 항목

테이블(표)

<table></table>-표 만들기

<table border=”숫자”>-표 테두리

<caption></caption>-테이블의 제목

<tr></tr>-테이블의 행

<th></th>-테이블의 헤더

<td></td>-테이블의 데이터 셀

<colspan=”숫자”>-숫자만큼 가로로 셀 병합(행 병합)

<rowspan=”숫자”>-숫자만큼 세로로 셀 병(열 병합)

스타일

<style></style>-서나 문서 일부에 대한 스타일 정보를 포함

input{

width:000px; - 가로 길이 설정

height:000px; - 세로 길이 설정

font_size:  - 폰트(글자) 사이즈 설정

color: - 글자 색 설정

background-color: - 배경 색 설정

}

1개의 댓글

comment-user-thumbnail
2025년 4월 9일

최고야 ♪(^∇^*)

답글 달기