728x90
html 기초
Html 이란??
# html 이란 웹사이트를 만드는 언어이다.
# html 만으로도 웹사이트를만들수있으며 가장쉽고 중요하다 .
# public domain 으로써 저작권이 없어 누구나 사용가능하고 교육영상도 만들수 있다.
Html 의 주요기능 <tag>
# <tag> 를 통해 웹페이지의 정보를 알려준다
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
Hello, world!
</body>
</html>
- 위와 같이 태그들을 통해 정보를 알려준다.
주로 사용하는 태그로는
<header> | 헤더 영역 |
<main> | 메인 영역 |
<section> | 콘텐츠 영역 |
<aside> | 사이드 바 영역 |
<footer> | 푸터 영역 |
<!DOCTYPE html> |
웹 문서의 유형을 html로 지정
|
|
<html lang="ko"> |
문서를 html로 시작, 언어를 한국어로 지정
|
|
<head>
|
주로 브라우저의 정보를 입력하는 곳 | |
<meta> |
메타 데이터 입력, 주로 <meta charset="UTF-8">처럼 입력
|
|
<title> | 문서 제목 | |
<body> | 문서 내용을 입력 |
<h1>, <h2>, ... | 제목 |
<p> | 단락 |
<br> |
줄 바꿈, 닫기태그 없음
|
<blockquote> |
인용문, 들여쓰기 적용됨
|
<strong> |
텍스트 굵게, 주로 중요한 내용일 때
|
<b> |
텍스트 굵게, 단순히 굵게 표시할 때
|
<em> |
텍스트 기울임, emphasis의 준말, 강조할 때
|
<i> |
텍스트 기울임, italic의 준말, 단순히 기울여 표시할 때
|
<u> | 텍스트 밑줄 |
<s> | 텍스트 취소선 |
<abbr> | 줄임말 |
<cite> | 참고 내용 |
<code> | 소스 코드 |
<small> | 작은 텍스트 |
<sub> | 아래 첨자 |
<sup> | 위 첨자 |
<ins> |
공동작업문서에 새로운 내용 삽입
|
<del> |
공동작업문서에 기존 내용 삭제
|
가 있다.
요소 (element)
# 태그안에 정보가 부족할때는 요소를 넣을수있다.
<p class="content"> 내용도 요소에 포함. </p>
<img src = " /../../image.jpg"></>
이런식으로 이미지 source, class , value 등의 정보를 추가할수 있다.
728x90