web
1.클라이언트(client): 브라우저, 정보를 요청함
1)브라우저 종류: 크롬, 익스플로, 웨일 ...
2)클라이언트 언어(프론트엔드): html, css, js, react ...
+ 클라이언트에서 동작
file:///C:/Users/user/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/MIRIM/php/test1.html
2.서버(server): 정보를 제공함
1)서버사이드: 서버측에서 작동(서버가 있어야 실행이 됨)
2)서버사이드 언어(백엔드): php, jsp, spring, node ...
+ 서버에서 동작
가상서버: http://localhost
http://127.0.0.1:5500/test1.html
↑
localhost3.시멘틱 태그(semantic tag)
:의미를 알 수 있게 지정한 태그
Ex)
<html>
<head>
<title>
<body>
<header>
<nav>
<contnt>
<section>
<article>
css(Cascading Style Sheet)
1.삽입방법
1)스타일 태그 따로 만들기
<style> ... </style>2)외부파일로 만들어서 링크 걸기
<link rel="stylesheet" href="#">3)태그에 직접삽입
<li style="color:font-weight:bold">2.형식:selector{속성:값; 속성:값; 속성:값;}
1)selctor:태그, 클래스, 아이디
Ex)h1 태그에 배경색을 dodgerblue로 설정
h1{background:dodgerblue;}
↑ ↑ ↑
selector태그 속성 값
+<meta>:문서에 대한 정보를 알려주는 태그
<meta charset="UTF-8">
test1.html의 문자인코딩은 utf-8이다
<meta http-equiv="X-UA-Compatible" content="IE=edge">
edge에서도 동작한다
<meta keyword="css" author="kim" content="css연습">
test1.html을 만든 사람은kim이고 css연습하는 내용이다 이 파일의 검색어는css이다
배운 거 머리에 집어넣기 위한 블로그