HTMLの基礎
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<METAのcharset = "UTF-8">
<タイトル> Jingdongは</ TITLE>
</ HEAD>
<BODY>
<！ -
Coreは、HTML5ですラベル、ラベルの役割：異なるデータの終了フラグ、データコンテンツページより濃縮可能
な構造に応じてラベルを単一のタグ（ほんの始まり、終わりではない）、二重ラベル（つまり、最後にそこに開始することである）
の単一ラベル-直接標識データ
ジタグ-タグデータも独自の構造入れ子にすることができ
、本体のテキストタグは、ページの一部を表し、ページデータは、そのために身体をアンロードする必要があります
ヘッドヘッドタグのページを表し、ページが一般の個人設定を完了するために使用される
メタ8-UTF：中国の設定表示ページ
タイトルページのタイトルのセットの一部
- >
</ BODY>
</ HTML>
一般的な10個のタグ：
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<METAのcharset = "UTF-8">
<タイトル>タイトル</ TITLE>
</ HEAD>
<BODY>
<！ - ハイパーリンクのラベル
href- -ジャンプページ設定するために使用されるハイパーリンクラベル属性、アドレス
のハイパーリンクタグがデフォルト新しいページで、新しいページを開く方法を設定するために使用され、属性target-- カバーオリジナルページを
title--オプションの属性ラベルではなく、新しいページを元のページを上書きします。
- >
<aのhref="http://www.baidu.com" target="_blank"> Baiduは、</a>の
<！
<IMG SRC =は「./ IMG / 1.JPGは」ALT = 『 ファイルが存在しない』タイトル= 『美』>
<！ -
スパン明示的発展シナリオを使用していないが、その後、非セマンティックタグ、および一般的に適用の開発であります特定の単語または特定の形式での表示の通過をマークします。あるいはドットなどのスパン構造の特別な外観を使用して構築
- >
<スパン>月光、疑わ接地霜</スパン>
<！ - ボールドタグ - >
<B>のJingdong </ B>
<！ - イタリックタグ - >
<I> Jingdongは</ I>
<！ -
OKプロパティ]タブ：タグの内容が連続して表示することができた場合は、この時間は、タグラベル属性行と呼ばれる
ラインの特性のプロパティ]タブ：
1、タグの内容かもしれません表示ラインに
人為的の大きさを調整しませコンテンツ気晴らしによる2、ラベルのサイズのみ、
3を、内部行プロパティ]タブのプロパティ]タブのネストされた行ができる
ラインのタグ機能：、スパン、IMG、B、I
- >
<！
<H2>見出しレベル2 </ H2>
<H3>タイトルレベル3 </ H3>
<！ -
リスト：リストを表すデータを構成する複数のアイテムのリストである
、順不同リストをul-- ol--秩序リスト、li--リスト項目
注：UL、通常の使用に必要なOLとLi、およびUL、李、オールがブロック属性タグ属し
- >
<UL>
<LI>リスト項目1 </ LI>
<LI>リストを項目2 </ LI>
<LI>リスト項目3 </ LI>
<LI>リスト項目4 </ LI>
<LI>リスト項目5 </ LI>
<LI>リスト項目6 </ LI>
</ UL>
<OL>
<LI>リスト項目1 </ LI>
<LI>リスト項目2 </ LI>
<LI>リスト項目3 </ LI>
<LI>リスト項目4 </ LI>
<LI>リスト項目5 < / LI>
<LI>リスト項目6 </ LI>。
</ OL>
<！ -
段落 -タグ内の1つのコンテンツ用のページ
注意：段落タグが各段落タグ内にネストすることができない、他の段落タグ内で許可されていません
- >
<p型>は中国の特色ある社会主義の新しい時代に入っている、中国の経済発展は、新しい時代に入った、中国の経済は基本的な機能がされているあります品質の開発段階に高成長期のフライト。高品質の開発を推進し、持続的かつ健全な経済発展を維持するために必要な要件である、現代の社会主義国を構築し、変更と適度に豊かな社会を構築するために必要な要件に適応するために私たちの社会の中での主要な矛盾は、経済発展の法則に従うために必要な要件です。高品質の開発を推進することは、現在および将来の期間やアイデアの発展、経済政策の策定、マクロコントロールの基本的な要件の実施を決定することで、我々は高品質の指標の政策システムの開発を促進するためのシステム、標準システム、統計システム、性能評価、性能評価の形成を促進しなければなりません作成し、制度的環境を改善し、中国の経済は、高品質な開発の実現に新たな進展を続けて推進しています。</ P>
<！ -
DIVタグ -ノーセマンティックタグ、通常、モジュール内のデータ・ページのラップを完了するために使用し、ページの一部としてモジュールアーキテクチャの行為
- >
の<div> Jingyesi </ div>
<！ - -
ブロックプロパティ]タブ：コンテンツがもはや表示されている場合、そのブロックは、タグラベル属性と呼ばれていないラインのタグ
ブロックのプロパティ]タブの機能を：
1、ラベルの内容を1行マークで表示することができない
サイズ2は、ラベルが人為的に変更することができ、デフォルトのブロックのクラスラベル同じ幅と親タグ
3は、タグがネストされたブロックが他のラベルの属性のいずれかの内部ブロックの特性であってもよく、タグは、行特性を入れ子にすることができる
- >
</ BODY>
</ HTML>
セレクタ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
/*
选择器：用来选择指定的标签，使对应的css样式作用于选择器指代的标签
class选择器：根据标签的class属性对应的属性值获取标签，注意class选择器用来选择一类标签，这类一般情况下对应的样式是相同的
*/
.link {
/*设置标签文字颜色*/
color: red;
}
.link1 {
/*设置标签文字的大小*/
font-size: 30px;
/*设置文字的类型*/
/*font-family: '宋体';*/
/*设置文字的粗细程度*/
font-weight: 100;
/*设置文字下划线位置
overline--下划线在文字的上边界
line-through--下划线在文字中间位置
underline--下划线在文字的下边界位置
none--文字没有下划线
*/
text-decoration: underline;
}
</style>
</head>
<body>
<a href="#" class="link">百度一下</a>
<span class="link link1">静夜思</span>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
/*
后代选择器：根据标签的后代关系选择指定标签的后代元素
选择器1 选择器2 --作用是选择选择器1的后代元素选择器2
标签名选择器--根据标签的名字选择标签比如下面的li代表选择li标签
*/
.list li{
color: blue;
}
</style>
</head>
<body>
<ul class="list">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
<li>列表项5</li>
<li>列表项6</li>
<li>列表项7</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
/*
id选择器：根据标签的id属性值获取标签
*/
#mark {
/*设置块属性标签的宽度*/
width: 500px;
/*设置块属性标签的高度*/
height: 300px;
/*设置标签的背景颜色*/
background-color: red;
color: white;
/*设置标签的边框*/
/*border: 5px solid black;*/
border-right: 5px solid black;
/*设置标签边框拐角*/
border-radius: 10px 20px 30px 40px/40px 30px 20px 10px;
}
</style>
</head>
<body>
<div id="mark">静夜思</div>
</body>
</html>