Daily coding
HTML : Basic 1 - Attribute와 Property 본문
<inline 방식의 attribute 설정>
attribute = 속성, 태그의 속성을 설정하는 것들을 말한다. sytle, align 등이 포함
property = 특성, 설정한 속성의 구체적인 속성을 말한다.
ex> <div style="background-color: yellow; size = 30"
- style="" : attribute
- "background-color: yellow; size = 30" : property
<hr> : 수평선 그리는 태그
* font-famliy : 폰트 종류
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body style="background-color: gray">
<!-- attribute = 속성
property = 특성
- style="" : attribute
- "background-color: yellow" : property
inline 방식의 attribute 설정
-->
<h1 style="color: white">여기가 h1태그 입니다</h1>
<h2 style="background-color: #00ff00">여기가 h2태그 입니다</h2>
<h3 style="font-family: console">여기가 h3태그입니다.</h3>
<h4 style="font-size:300%">여기가 h4태그입니다.</h4>
<p style="text-align: right"> 여기가 p태그 입니다.</p>
<hr> <!-- 수평선 태그 -->
<pre style="font-size: 200%; color: white">
김희철의 소속사 Label SJ 측은 “김희철과 모모가 평소 친한 연예계 선후배 사이로 지내다
최근 서로에게 호감을 가지고 만나게 된 것으로 확인됐다”며 두 사람의 열애 사실을 인정했다.
JYP엔터테인먼트 측 역시 ““확인 결과 두 사람은 연예계 선후배로 친하게 지내오다
최근 호감을 갖고 만나는 사이가 됐다”라고 밝혔다.
</pre>
<p style="font-family: courier; font-size: 200%; color: white ">
The Language for building web page.<br>
Using more than 2 properties in 1 attribute.
하나의 어트리뷰트에 여러 속성을 적용하기 위해서는 ;으로 각 속성을 구분하여 나열한다.
</p>
</body>
</html>
'Front-end > Client' 카테고리의 다른 글
| HTML : Basic 1 - img (0) | 2020.01.02 |
|---|---|
| HTML : Basic 1 - Anchor (0) | 2020.01.02 |
| HTML : Basic 1 - font / div (0) | 2020.01.02 |
| HTML : Basic 1 - Tag안에 사용할 수 있는 Tag (0) | 2020.01.02 |
| HTML : Basic 1 - 구조 및 기본 태그들 (0) | 2020.01.02 |