오늘부터 Udemy 강좌를 통해 html복습을 시작하겠습니다
강좌 출처 https://www.udemy.com/eastpard/learn/v4/content
일단 Brackets를 다운받겠습니다
brackets.io를 치면
저 파란색 버튼을 눌러 다운로드 받으시면 됩니다
brackets은 저렇게 빨간 원안에 있는 번개표시를 누르면 실시간으로 미리보기를 제공합니다!!
오늘은 HTML 기본 태그들에 대해서 배우도록 하겠습니다
HTML은 기본적으로 <html>로 시작해서 </html>로 끝납니다.
화면에 보일 부분은 <body>와 </body> 사이에 들어갑니다.
<h1>태그는 머리글 태그로 가장 큰 크기를 뜻합니다
<pre>태그는 밑에도 나오겠지만 태그 안의 글자들은 고정 너비를 갖는 글꼴로 표시되고, 또한 띄워쓰기나 줄바꿈도 입력한 그대로 표시합니다.
<blcokquote>태그는 들여쓰기 태그입니다
< = '<'
> = '>'
머리말 태그는 <h1>에서 <h6>까지 있습니다
크기 차이와 우선순위 차이입니다
1이 가장 크고 6이 제일 작습니다
보통 제목 적을때 쓰는 태그입니다
<p>태그는 문단 태그로서 문단을 구분지어 줍니다
<a>태그는 html링크 태그로써 앵커 태그라고 불리웁니다
<a href="http://www.naver.com">네이버</a>
이런식으로 사용합니다
<a href="#"> 는 빈 링크입니다.
저 앵그리버드 사진이 저기 띄워집니다
<img >태그는 이미지를 입력하는 태그로써
<img src='주소'>로 쓰입니다
alt는 이미지가 나타나지 않았을때 대체되서 나오게 하는 것을 나타냅니다
width와 height속성으로 가로크기와 세로크기를 지정 할 수 있습니다
<br />태그는 줄바꿈 태그입니다.
<pre>태그는 위에도 설명했다 시피 적은 글 그대로 출력해준다고 생각하시면 됩니다.
*직접 예제 구성
읽어주셔서 감사합니다.
'Web development > Frontend' 카테고리의 다른 글
| [HTML]H06.HTML-Comments (0) | 2017.08.03 |
|---|---|
| [HTML]H05.HTML-Computer-Code (0) | 2017.08.03 |
| [HTML]H04.HTML-Quotation-Elements (1) | 2017.08.02 |
| [HTML]H03..HTML-Text-Formatting-Elements (0) | 2017.08.01 |
| [HTML]H02.HTML-Style-Attributes (0) | 2017.07.25 |
