HTML 구성및 기본태그 정리
1. HTML의 구성
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>웹개발</title>
<meta charset="utf-8">
</head>
<<body>
본문내용
</body>
</html> 기본적으로 <html></html>로 묶여있으며 title과 meta태그와 같은 부가적인 태그는 head태그안에 들어가는걸로 약속되어 있고 본문의 내용은 body태그에 들어가는걸로 약속되어 있다.
2. HTML 기본 태그들
- strong태그 : 글자를 진하게
- h1 ~ h6 태그 : 글자의 크기를 조절하고 한줄내림 (숫자가 커질수록 글자는 작아짐)
- u태그 : 글자에 밑줄을 표시
- p태그 : 단락을 표현 할때 쓰인다. p태그를 사용하면 단락을 구분하기 위해 한줄을 내린다.
- br태그 : 엔터키와 같은역할을 웹에서 수행한다.
- img태그 : 이미지를 업로드하기위한 태그 alt는 alternative text의 약자로 이미지가 깨짐을 표시하는 텍스트이다width를 지정하지않고 height만 적었을때 웹상에서 자동으로 높이에 맞는 픽셀크기를 지정해준다.
<img src="이미지명" title="마우스를 올려놓았을떄" width="픽셀크기" height="높이" alt="이미지깨짐">- a태그 : 하이퍼링크를 위한 태그이다. target="_blank"는 새로운 탭에서 홈페이지를 열어준다.
title은 하이퍼링크에 마우스를 올려두었을때 텍스트를 통해 표시하는 옵션이다.
<a href="https://google.com">google</a>
<a href="https://google.com" target="_blank">new tap google</a>
<a href="https://google.com" title="Go google">google</a>
3. <li><ul><ol> 태그
ol은 ordered list의 약자로 순서가 필요한 리스트를 만들때 사용
ul은 unordered list의 약자로 순서가 필요없는 리스트를 만들때 사용
li는 list item의 약자로 순서를 지정하는데 쓰임
사용법
<ol>
<li>국어</li>
<li>영어</li>
<li>수학</li>
</ol>
댓글