<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html 수업 첫 날</title>
</head>
<body>
<!-- font , div(많이 씀) -->
<font size="1" color="blue">폰트크기 1, 폰트의 컬러는 blue</font>
<br>
<font size="2" color="#ff0000">폰트 크기 2, 폰트의 컬러는 red</font>
<br>
<font size="3">폰트 크기 3 인데 기본 크기임</font>
<br>
<font>기본 크기</font>
<pre>
제가 금연한지 <font size = "2" color = "#ff0000">9일차되었습니다</font> 일반담배인지 전
자담배인지 담뱃값인상한다고 해서 금연 하기 시작하였거든요. 전자담배만 올르나요?
</pre>
<!--
div : 범위를 설정으로 묶을수 있는 태그 - 이것만 쓰면 의미가 없다.
범위를 지정해서 style 을 지정하거나 위치를 옮길 수 있고
테두리선을 만들 수 있다.
-->
<div align="right"> --범위로 묶은 지역을 문서의 오른쪽으로 이동한다.
<font size="6">6크기의 폰트다</font>
<p>단락 태그 </p>
</div>
<div style="border-style :solid; border-color: black ;"><h1>여기가 h1 태그 입니다.</h1></div>
--div 로 묶은 지역을 border(칠판위에 올린다는 것으로 이해 , 즉 사각형처럼 테두리를 만든단소리)
border의 style 을 solid(직선) 으로 그리고 선의 색을 검은색으로 하겠다.
<!-- link a(anchor) -->
--링크 , 즉 URL 을 사용하는 것.
<p>
<a href="http://www.google.com">구글로 이동</a>
</p>
<a href="index1.html">index1.html로 이동</a>
<br>
<a href="index1.html" target="_self">현재창에서 링크</a> --현재창에서 띄어진다.
<br>
<a href="index2.html" target="_blank">새창으로 링크</a> --새로운 창으로 띄어진다.
<br>
<!-- #=> id //// .=> class -->
--아이디 , 클래스로 원하는 태그로 이동하거나 그 태그의 속성값을 지정해 줄 수있다.
여기서는 원하는 태그로 이동하는 것을 썼다.
<p><a href="#c4">Chapter 4로 이동</a></p>
<p><a href=".c3"></a></p>
<h2>Chapter1</h2>
<p>여기가 Chapter 1입니다</p>
<br>
<br>
<br>
<br>
<br>
<h2>Chapter2</h2>
<p>여기가 Chapter 2입니다</p>
<br>
<br>
<br>
<br>
<br>
<h2>Chapter3</h2>
<p>여기가 Chapter 3입니다</p>
<br>
<br>
<br>
<br>
<br>
<h2 id="c4">Chapter4</h2>
<p>여기가 Chapter 4입니다</p>
<br>
<br>
<br>
<br>
<br>
<h2>Chapter5</h2>
<p>여기가 Chapter 5입니다</p>
</body>
</html>
'HTML,CSS' 카테고리의 다른 글
| HTML(6) table, caption,tr,td,th,colspan,rowspan (0) | 2018.07.28 |
|---|---|
| HTML(5) img, br clear (0) | 2018.07.28 |
| HTML(3) sub,sup,strong (0) | 2018.07.28 |
| HTML(2) style,align,inline방식 (0) | 2018.07.28 |
| HTML(1) p,br,pre (0) | 2018.07.28 |