html+cssクリーンアップDay 1
web
1.クライアント(クライアント):ブラウザ、要求情報
1)브라우저 종류: 크롬, 익스플로, 웨일 ...
2)클라이언트 언어(프론트엔드): html, css, js, react ...
2.サーバ(サーバ):情報提供
1)서버사이드: 서버측에서 작동(서버가 있어야 실행이 됨)
2)서버사이드 언어(백엔드): php, jsp, spring, node ...
3.ニュアンスタグ(意味タグ)
:의미를 알 수 있게 지정한 태그
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.フォーマット:セレクタ{プロパティ:値;プロパティ:値;プロパティ:値;プロパティ:値;
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이다
Reference
この問題について(html+cssクリーンアップDay 1), 我々は、より多くの情報をここで見つけました
https://velog.io/@lim0522/htmlcss-정리-Day1
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考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
↑
localhost
1.挿入方法
1) <style> ... </style>
2)외부파일로 만들어서 링크 걸기
<link rel="stylesheet" href="#">
3)태그에 직접삽입
<li style="color:font-weight:bold">
2.フォーマット:セレクタ{プロパティ:値;プロパティ:値;プロパティ:値;プロパティ:値;
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이다
Reference
この問題について(html+cssクリーンアップDay 1), 我々は、より多くの情報をここで見つけました https://velog.io/@lim0522/htmlcss-정리-Day1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol