Day 5. 반복의 힘

dltmdcjf9859·3일 전
0
post-thumbnail

태그의 정리

1. Title

문서의 제목을 나타내는 태그로, 웹 페이지를 띄우면 보이는 타이틀을 설정하는 태그

<Title>반복의 힘</title>

2. style

HTML문서 안에 CSS를 사용하고 할 때, 적어주는 태그. -Style-를 통해 우리는 정보와 디자인을 구분 지을 수 있음.

<style>
p{ text-align: center;  }
a{ color:black; }
h1{ text-align: center; font-size: 40px;  }
</style>

3. h1.h2~h6

헤드라인 요소로. 웹 페이지의 대한 개요를 순서에 따라 판단하게 되는 기준.

	<h1> oasis </h1>
    <h2> andrew </h2>

4. p

문단 태그로서 텍스트를 감싸는 태그. 명확한 정보와 의미를 위한 태그. 또한 문단으로서 블록의 요소가 되기도 함.

	<P> Hi~~~~~~~Bye. Stranger </p>

5. br

줄바꿈 태그로서 사용되며, 웹페이지 상에서 줄 바꿈을 보일 때 사용.

	나는 오늘 반복한다<br>
	그도 오늘 반복한다<br>

6. strong

강조 태그로서 긁자를 굵게 표시하게 되며, 본문에서 강조할 단어 또는 구문에 사용

	<p>He is <strong>Andrew</strong>. </p>

7. a, img

a는 하이퍼링크 태크. img태그는 이미지를 웹페이지에 출력하는 태그이다. 각각 속성이 들어가야 하는 태그.

	<a href="www.velog.ip">
    <img src="/images/velog.jpg" width="50%" height="50%">

8. ul,ol,li

목록태그로서 ul,ol 이 있습니다. 이들은 하나 이상의 li태그를 가져야 하며 마찬가지로 li태그는 상위에 ul,ol 태그가 있어야 합니다. ul 태그는 순서가 없는 목록이며, ol태그는 순서가 있는 태그입니다.

	<ul>
	<li> 리스트 1 </li>
	<li> 리스트 2 </li>
	</ul>
    <ol>
    <li> 리스트 1 </li>
    <li> 리스트 2 </li>
    </ol>

9. iframe

iframe 태그는 Html 웹 문서 안에 또 다른 웹 문서를 넣을 수도 있고, 뮤비 등 동영상도 넣을 수 있는 태그입니다.

	<iframe width="560" height="315" src="https://www.youtube.com/embed/4Ba-D-HnidA?list=RD4Ba-D-HnidA" title="Noel Gallagher's High Flying Birds - Little By Little (Originally performed by Oasis)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

항상 공부를 하며 느끼는 것이, 태그를 안다고 다가 아닌, 이 태그들을 어떻게 활용할 것인가와, 태그들관의 연계성, css를 통하며 변형되는 문법들을 익혀야 한다는 생각을 했습니다.

profile
패션전공의 두두듀 코딩일기

0개의 댓글