○ 웹 페이지 = HTML + CSS + javaScript
○ HTML 언어 : 웹페이지를 만드는 언어로 즉, 컴퓨터 언어로 작성된 문서를 코드라고 부름
ex) <태그열기>표기내용</태그닫기> <b>hi!HTML</b>
○ 사용자는 HTML 파일요청을 서버에하고, 서버에서는 HTML 파일을 클라이언트에게 전송함
○ 웹페이지는 HTML 기본구조를 가짐
<!DOCTYPE html> <!-- 해당 문서는 HTML언어를 사용 -->
<html lang = 'ko'> <!-- 현 위치부터 HTMl 문서 시작 -->
<head> <!-- 문서 전체정보(예, 제목) -->
<meta charset="UTF-8"/>
<meta name = 'viewport' content="width=device-width, initial-scale = 1.0"/>
<title>Document</title>
</head>
<body> <!-- 문서실제 내용 시작 -->
<h1>
</h1>
</body>
</html>○ 태그에는 1개 이상의 속성을 넣을 수 있음 - 태그와 속성사이, 속성과 속성사이에는 한칸 띄어야함
<table border ='1' style='border-collapse:collapse;'>
○ CSS언어 : HTML 문서를 꾸미는 언어로. HTML 태그안에 class를 지정하여 서식을 생성하여 활용 가능
○ CSS언어 적용하기
- 적용할 태그에 style 속성으로 넣기(해당 태그에만 적용)
* 프로퍼티와 값을 연속해서 사용가능하며 띄어쓰지 않아도 됨. 프로퍼티와 값 사이에는 ; 사용
<p style = 'text=align:center ; color:red'> - HTML 문서 <head> 안에 <style> 태그로 넣기 (전체 문서에 적용)
- HTML 문서 <head> 안에 CSS 파일로 링크하기(전체 문서에 적용)
<head>
<link rel = 'stylesheet' type='text/css' href = 'style.css'>
</head>'HTML&CSS > 기본상식' 카테고리의 다른 글
| 모던웹 접근성, 크로스 브라우징 등 (0) | 2023.11.08 |
|---|---|
| 시멘틱 웹(Semantic Web) 태그 (0) | 2023.11.07 |
| 웹 기본기술2 (0) | 2023.11.05 |
