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이다