728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- font, div -->
<font size = "1" color = "blue">font size : 1 , font color:blue</font>
<br>
<!-- <font style="color:"> font size : 1 , font color:blue</font> -->
<font size = "2" color = "#0000ff"> font size:2, font color: #0000ff</font>
<pre>
생각<font size = "2" color = "#0000ff">했다</font>이었다.
</pre>
<!-- div : 자체만으로 의미가 없다
범위를 묶는데
-->
<div align="center">
<font size = "6"> 6 size font</font>
<h3> h3 태그 입니다</h3>
<p>p 태그입니다</p>
</div>
<div style="border-style: solid; border-color: blue; margin-left: 20px;
padding-top: 30px; background-color: red"
align ="center">
<!-- border-style 이건 선이다 박스같은 선-->
<!-- margin-left 밖의 여백의 왼쪽여백 창의 왼쪽에 여백이 생긴다-->
<!-- padding-top 박스 안쪽의 여백-->
<h1>이것은 제목입니다</h1>
<p>여기는 내용입니다</p>
</div>
</body>
</html>
728x90
'HTML' 카테고리의 다른 글
| 30일차//[html] <img alt = "" src = "" > 이미지 추가 (0) | 2021.02.23 |
|---|---|
| 30일차//[html] <a> link 걸기/ 하이퍼링크 (0) | 2021.02.23 |
| 30일차//[html] tag안에 사용하는 tag (주로 text에 사용) (0) | 2021.02.23 |
| 30일차//[html] style, font, text-align tag 실습 (0) | 2021.02.23 |
| 30일차//[html] 제목(heading)은 h1, h2, h3, h4, h5, h6 (0) | 2021.02.23 |
