본문 바로가기
프로그래밍/HTML, CSS

HTML - <font>, <p> , <div>, <a>

by 젤리씨 2020. 6. 4.
728x90

이렇게



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>


<!-- font -->


<font>폰트의 설정을 바꾸지 않은 구문입니다.</font><br>

<font size="1" color="blue">폰트의 크기는 1, 컬러는 블루를 적용하는 구문입니다.</font><br>

<font size="2" color="#ff0000">폰트의 크기는 2, 컬러는 #ff0000를 적용하는 구문입니다.</font><br>

<font size="3">폰트의 크기를 일반적인 크기인 3으로 적용하는 구문입니다.</font><br>


<font>폰트의 설정을 바꾸지 않은 구문입니다.</font><br>

<font size="+1">폰트의 크기를 기본크기+1로 바꿔주는 구문입니다.</font><br>

<font size="+2">폰트의 크기를 기본크기+1로 바꿔주는 구문입니다.</font><br>



<!-- div : 하나의 속성을 적용하기 위한 영역을 지정하는 태그입니다. -->


<div align="right">

해당 div 태그는 내용물을 오른쪽 정렬로 바꿔주는 구문입니다.

<font size="6">어떤 태그 안에 둘러쌓여 있더라도</font>

<p>div 태그의 영향을 받아 오른쪽 정렬로 바뀌게 됩니다.</p> 

</div>



<!-- a : anchor의 약자로, 컨텐츠에 링크를 붙여주는 태그입니다. -->


<a href="http://www.google.com">문장에 google.com으로 연결되는 링크를 붙여주는 태그입니다.</a>

<a href="index.html">문장에 사용자의 index.html으로 연결되는 링크를 붙여주는 태그입니다.</a>


</body>

</html>





이렇게 확인 할 수 있습니다



직접 간단하게 확인하실거면


https://repl.it/


위 사이트에 들어가서 html,css,js 로 선택하면 웹에서 바로 테스트 할 수 있습니다.

728x90

댓글