본문 바로가기
웹 개발/웹프로그래밍

HTML | 1. 기초

by KISCH 2020. 11. 20.
반응형


HTML


HTML (HyperText Markup Language) 은 웹페이지를 만드는데 사용하는 언어입니다.




HTML 구조


1
2
3
4
5
<!DOCTYPE html>  문서구분, 버전 -> 브라우저가 해석
<html lang="en">  
 <head> 메타정보
 <meta charset = "UTF-8">  인코딩 방식
<body> 화면
cs


웹 페이지의 디자인이나 기능을 결정하는 태그로 이루어진 언어로 <>안에 표현됩니다. 






HTML 태그


<a> 태그

링크 태그 — <a href="">...</a>


<div> 태그

id 속성 — 하나하나 특별한 제어

class 속성 — 전체적인 스타일을 일관성 있게 지정하기 위해 필요


목록 태그

<ul> : 순서없는 목록(unorder list) 태그
<ol> : 순서있는 목록(order list)
<li> : 리스트


<dl> : 제목과 설명이 한쌍
<dt> : 제목
<dd> : 설명


레이아웃 태그 : 화면을 구성하는 태그

header : 상단영역
nav : 네이게이션 영역
section : 본문영역
aside :
footer : 하단 영역


html레이아웃




HTML 페이지 구조


HTML 페이지 구조


html기초





관련포스트



반응형
저작자표시

'웹 개발 > 웹프로그래밍' 카테고리의 다른 글

HTML | 6. 인라인 프레임 (iframe) 속성  (0) 2020.12.12
HTML | 4. meta 태그의 속성과 종류  (0) 2020.12.04
JavaScript | Ajax 와 Ajaxform 파일업로드  (0) 2020.12.04
CSS | 1. 기초  (0) 2020.11.23
코드이그나이터 | 모델-뷰-컨트롤러 (MVC)  (0) 2020.11.05
코드이그나이터 | 개념  (2) 2020.11.03
PHP | 기초문법  (0) 2020.10.20
XML 기초 특징 구조  (0) 2020.09.29

관련글

댓글

KISCH님의
글이 좋았다면 응원을 보내주세요!

티스토리툴바