이렇게
<!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>
이렇게 확인 할 수 있습니다
직접 간단하게 확인하실거면
위 사이트에 들어가서 html,css,js 로 선택하면 웹에서 바로 테스트 할 수 있습니다.
'프로그래밍 > HTML, CSS' 카테고리의 다른 글
반응형 홈페이지 테이블 만들기 (1) | 2020.06.09 |
---|---|
자바스크립트 웹페이지 팝업 띄우기 (0) | 2020.05.12 |
자바스크립트 날짜 시간 input 박스에 넣기 (0) | 2020.05.04 |
html th td 줄바꿈 제어하기 nowrap (0) | 2020.04.15 |
크롬에서 css 적용안될 때 이용법 (0) | 2020.04.15 |
댓글