728x90
<hn>태그 - 제목 표시
n에는 1부터 6까지가 들어가는데 숫자가 작을수록 큰 제목이다!!
<br>태그 - 개행태그
한번 엔터를 친 효과를 준다.
<hr>태그 - 수평 줄 넣는 태그
<a>태그 - 하이퍼링크를 넣는데 사용하는 태그
href 속성을 이용해 페이지를 지정한다.
위에 설명한 태그를 추가하여 html코드 실습을 해보았다.
<코드>
<!DOCTYPE html>
<HTML LANG="KO">
<HEAD>
<META charset="UTF-8">
<TITLE>HTML공부</TITLE>
</HEAD>
<BODY>
<H1> Antifragile </H1>
<h2> 걸어봐 위엄 like lion </h2>
<hr> <!--수평 줄 넣기-->
<a href="http://www.naver.com">NAVER</a> <!--하이퍼링크-->
<br><br> <!--개행태그-->
<IMG SRC="anti2.jpg"
style="width:900px; height:500px;">
</BODY>
</HTML>
안티프레자일과 걸어봐~ 는 hn의 n사이즈가 다르므로 사이즈가 다른 것을 확인할 수 있다.
hr태그를 이용해 수평 줄을 추가하였다.
NAVER으로 이동할 수 있는 하이퍼링크를 넣는 a태크를 추가하였다.
밑의 이미지와 거리를 두기 위해서 개행문자를 추가하였다. <br>
다운받은 이미지 크기가 커서 img태그의 style 속성을 이용해서 크기를 조절하였다.
반응형
'프로그래밍 > HTML&CSS&JAVAscript' 카테고리의 다른 글
| 생활코딩-HTML 강의 정리 (1) | 2023.03.10 |
|---|---|
| (1)HTML5와 웹표준(API, CSS 3.0) 마스터하기 _ html 구조 (0) | 2023.03.05 |
| HTML_from태그가 뭘까 (0) | 2023.01.24 |