01.HTMLとWebの基礎
7383 ワード
Knowre Web Development Curriculumからインスピレーションを得て、フロントエンドの理解を独自の方法でまとめました.順序はwebdevcurriulumとは無関係です.
HTML基礎知識 HTML
Hypertext:参照(ハイパーリンク)により、読者はすぐにあるドキュメントから別のドキュメントのテキスト にアクセスできます.Markup:言語(出典:ウィキペディア) HTMLでは、Webブラウザに表示される文章や画像など、さまざまなコンテンツを表示するために「マークアップ」を使用します.HTMLタグには、head、title、bodyなど、さまざまな「要素」が使用されています.など、いろいろな種類がありますが、すべての要素を背負う必要はありません.
ネット上にも標準がある理由は産業標準の理由と似ています.各社が異なる部品を生産している場合は、互換性がないように、異なるブラウザが同じようにウェブサイトを表現できるように、現場で毎回チェックする必要があります.
Webの規格には、標準化組織3 WCが推奨する規格に従ってウェブサイトを作成する際に使用するHTML、CSS、JavaScriptなどの規定が含まれており、最終的には、ウェブサイトに登録したユーザがどのオペレーティングシステムやブラウザを使っても同じ結果を見ることができるようにすることを目的としている.
htmlのドキュメント<>:ラベル html, head...: 要素
ex)
ex)
ex)
ex) 重要な要素を整理したいのですが...どうしても.という考えがありました.その他、さまざまな要素を特定する場合は、ここです。を参照してください.
ソース
https://github.com/Knowre-Dev/WebDevCurriculum/tree/master/Quest01
http://www.smartebiz.kr/new/subpage02_02.html
https://namu.wiki/w/%EC%9B%B9%20%ED%91%9C%EC%A4%80
目的
HTML
HTMLはHypertext Markup Languageの略で、Webを構成する最も基礎的なコンポーネントであり、Webコンテンツの意味や構造を定義するために用いられ、通常CSS、Javascriptとともに使用されてWebページを表す.
Web規格
ネット上にも標準がある理由は産業標準の理由と似ています.各社が異なる部品を生産している場合は、互換性がないように、異なるブラウザが同じようにウェブサイトを表現できるように、現場で毎回チェックする必要があります.
Webの規格には、標準化組織3 WCが推奨する規格に従ってウェブサイトを作成する際に使用するHTML、CSS、JavaScriptなどの規定が含まれており、最終的には、ウェブサイトに登録したユーザがどのオペレーティングシステムやブラウザを使っても同じ結果を見ることができるようにすることを目的としている.
HTMLの構造
htmlのドキュメント
<html>, <head>, <body>, <div> ...
同じラベルと要素で構成されています.<!DOCTYPE html>
<html lang="ko">
<head>
<title>HTML의 구조</title>
</head>
<body>
<h1>제목</h1>
<p>HTML의구조는 이런식으로 이루어져있다.
</p>
</body>
</html>
結果HTMLの要素
<html>
:HTMLドキュメントの最上位レベルを表し、ルート要素とも呼ばれます.その他すべての要因は<html>
の子孫であるべきである.ex)
<html lang="ko">
<head>
:HTMLの情報(メタデータ)を含む.ex)
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
:HTMLドキュメントの内容を表すのは、1つだけです.ex)
<body>안녕하세요</body>
<link>
:外部リソース接続要素ex)
<link href="main.css" rel="stylesheet">
ソース
https://github.com/Knowre-Dev/WebDevCurriculum/tree/master/Quest01
http://www.smartebiz.kr/new/subpage02_02.html
https://namu.wiki/w/%EC%9B%B9%20%ED%91%9C%EC%A4%80
Reference
この問題について(01.HTMLとWebの基礎), 我々は、より多くの情報をここで見つけました https://velog.io/@joseph_wee/frontendstudy01テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol