320x100
반응형
HTML(HyperText Markup Language)은 JavaScript와 같은 프로그래밍 언어가 아니라
웹 페이지의 뼈대를 구성하는 마크업 언어이다
<html>, <head>, <body> 태그의 정의
<html> 태그는 HTML 문서의 시작광 종료를 나타내는 기본 태그
<head> 태그는 HTML 문서에 필요한 여러 정보를 표시하는 메타 컨테이너로 다음을 포함
<title>태그를 통해 브라우저 상단 타이틀 정의JavaScript 및 CSS 코드를 직접 작성하거나
외부 파일을 import 혹은 url link 연결
<meta> 태그를 통해 언어설정, 브라우저 호환성설정 및 모바일 화면설정과 SEO정보를 제공함.
<body> 태그 역시 특별한 사용법은 없으며 HTML의 메인 콘텐츠 영역을 정의하는 태그로 필수 요소임. 모든 콘텐츠는 <body> </body> 사이에 위치해야 함.
블럭(Block) 태그
블럭은 태그 구성요소들이 라인 전체를 차지해서 한줄에 여러 요소가 위치하지 못하는 태그를 말한다
<div>,<header>,<li>,<h1>,<nav>,<>등의 태그가 대표적
인라인(Inline) 태그
인라인은 태그 구성요소들이 나란히 배치될 수 있는 태그를 말하며,내용물의 크기가 태그의 영역이 된다.
<address>, <article>, <aside> <div>, <dl>, <fieldset>,, <figure>, <footer>, <form>, <h1 <header>, <p>,, <section>, <table>, <ul>, <video>등의 태그가 대표적
Id와 Class
ID | CLASS |
id는 한페이지에 하나의 정의로 단, 하나의 태그(id="")만 사용할 수 있다. |
class는 한페이지에 반복적으로 사용되는 스타일을 정의할 수 있다. |
로고,상단메뉴,하단정보 같은 스타일을 정의할 때 id를 사용한다 |
반복적으로 사용되는 스타일에는 class를 이용하여 정의하고, 그 내부에 세부 스타일을 정의할 때 id를 사용해주면 효과적이다. |
728x90
반응형