HTML :
HTML은 HyperText Markup Language의 약자로 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성된다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용된다.
<!DOCTYPE html>
<!-- <html> '<' 열고 닫고 하는 것을 tag 라고 부른다 -->
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
가나다 <br/>
<!-- <br/> 하나짜리 태그(열고 닫지 않음)라서 뒤에 붙여줬다. 이게 여는 것 이자 닫는 것 -->
<font face = "궁서" size = 7> 라마바 </font>
<!-- h태그는 글자 크기 지정 및 단락 구분 -->
<!-- h1 이 가장 크고 h6이 가장 작다 -->
<h1> aaa </h1>
<h2> bbb </h2>
<h3> ccc </h3>
<h4> ddd </h4>
<h5> eee </h5>
<h6> fff </h6>
<!-- <br/> 엔터같은 느낌 -->
adcd <br/> sdfd <br/> asdfe
<!-- <p> 태그는 단락을 구분해서 위 아래로 간격이 생긴다 -->
<!-- 해당 텍스트에 대해 꾸미고 싶으면 태그 안에다 작성 해준다 -->
<p style = " background-color :yellow; color:blue ; width:300pxl; text-align :right; font-family : 고딕; font-size : 20pt"> efgf </p>
</body>
</html><CSS>
- Style 속성 : 태그 안에 작성하여 해당 태그에 걸려있는 범위의 크기나 색상, 배경 등을 제어 할 수 있다.
color - 글자색 지정 / background-color - 배경색 지정 / font-size - 글자 크기 지정 / font-family - 글자체 지정 / text-align - 텍스트 정렬 방법 지정 ( right : 오른쪽 정렬, left : 왼쪽 정렬, center : 가운데 정렬)
'Front > html' 카테고리의 다른 글
| [html] 웹 페이지의 기본 뼈대 - 테이블 칸 병합 (0) | 2023.03.22 |
|---|---|
| [html] 웹 페이지의 기본 뼈대 - Form (0) | 2023.03.21 |
| [html] 웹 페이지의 기본 뼈대 - 테이블 (0) | 2023.03.20 |
| [html] 웹 페이지의 기본 뼈대 - 목록 형식으로 출력 (0) | 2023.03.20 |
| [html] 웹 페이지의 기본 뼈대 - 하이퍼링크와 이미지 (0) | 2023.03.20 |
