html+css 정리 Day1
web
1.클라이언트(client): 브라우저, 정보를 요청함
1)브라우저 종류: 크롬, 익스플로, 웨일 ...
2)클라이언트 언어(프론트엔드): html, css, js, react ...
2.서버(server): 정보를 제공함
1)서버사이드: 서버측에서 작동(서버가 있어야 실행이 됨)
2)서버사이드 언어(백엔드): php, jsp, spring, node ...
3.시멘틱 태그(semantic tag)
:의미를 알 수 있게 지정한 태그
Ex)
<html>
<head>
<title>
<body>
<header>
<nav>
<contnt>
<section>
<article>
+ 클라이언트에서 동작
file:///C:/Users/user/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/MIRIM/php/test1.html
서버에서 동작
가상서버: http://localhost
http://127.0.0.1:5500/test1.html
↑
localhost
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">
dge에서도 동작한다
<meta keyword="css" author="kim" content="css연습">
test1.html을 만든 사람은kim이고 css연습하는 내용이다 이 파일의 검색어는css이다
Author And Source
이 문제에 관하여(html+css 정리 Day1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@lim0522/htmlcss-정리-Day1
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
1)브라우저 종류: 크롬, 익스플로, 웨일 ...
2)클라이언트 언어(프론트엔드): html, css, js, react ... 1)서버사이드: 서버측에서 작동(서버가 있어야 실행이 됨)
2)서버사이드 언어(백엔드): php, jsp, spring, node ...:의미를 알 수 있게 지정한 태그
Ex)
<html>
<head>
<title>
<body>
<header>
<nav>
<contnt>
<section>
<article>
+ 클라이언트에서 동작
file:///C:/Users/user/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/MIRIM/php/test1.html
서버에서 동작
가상서버: http://localhost
http://127.0.0.1:5500/test1.html
↑
localhost1.삽입방법
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">
dge에서도 동작한다
<meta keyword="css" author="kim" content="css연습">
test1.html을 만든 사람은kim이고 css연습하는 내용이다 이 파일의 검색어는css이다Author And Source
이 문제에 관하여(html+css 정리 Day1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@lim0522/htmlcss-정리-Day1저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
