私の先端の独学の道2020/12/15
2020/12/15初日HTML部分(ハイパーテキストタグ言語)1.WebページのWeb標準の3層構成構造:ページ要素を整理するための分類で、主にHTML である.表現:ページ要素の色、大きさ、スタイルなどの外観スタイルを修正するために使用され、主にCSS を指す.動作:主にjavascript のWebモデルの定義とインタラクション
二.HTML基本スケルトン構造
三.文字セットcharset UTF-8
四.HTMLタグの意味化は簡単に言えばタグの意味であり、意味が良いかどうかの基準はCSSを削除した後もページ要素の構造が秩序正しく、読みやすさが良いことである.
五.HTML常用レイアウトラベル1.タイトルh 1-h 6は合計6級h 1が最大で、順次小さくなる.段落p 3.改行br単一ラベル4.水平線hr単一ラベル5.divブロックレベルラベル、span行内ラベル
H 5新しい意味ラベル:6.ヘッダーは、Webサイトのヘッダー7を定義するために使用されます.navはナビゲーションバー、ナビゲーションリンク8を定義する.footerは、ドキュメントまたはWebサイトのフッターを定義し、下部9.article定義記事10.sectionピクチャ切替点(マルチキャスト図のli小ドット)11.サイドバーナビゲーション12.datalist連想バー
六.テキストフォーマットラベル1...strong太く2...em傾斜3...del削除線4...ins下線
七.ラベルのプロパティ1...imgイメージラベル(単一ラベル)プロパティ:src=「ピクチャパス」alt=「テキストを表示」リンクリソースが無効になったときに表示される置換テキストtitle=「プロンプトテキスト」マウスが停止したときに表示されるテキスト幅width高さheight`
2...aリンクラベル(単一)プロパティ:href="url"リンクアドレスtarget="_blank"リンクの開き方(新しいページ、デフォルトは現在のページself)
八.相対パスと絶対パス
九.アンカー位置1位置決めラベルにid属性を追加する2ターゲット位置にaで包み、aのhref属性の値を#id属性の値にする
十.ヘッダーのbaseラベル(単一ラベル)は、ページ内のすべてのリンクを新しいページに開くように統一的に定義するなど、全体的なリンクの開き状態を設定します.
十一.プリフォーマットテキストラベルpreこのラベル内で直接スペースと改行を使うことができて、あまりよくありません
十二.HTMLの特殊文字が最もよく使われる:スペース 牛Bアクセサリー、オレンジ色の品質は<より小さいです;より大きいその他のマニュアルε=ε=ε=(￣▽￣)
十三テーブルテーブルテーブル
表のプロパティ:cellspacing:セルと外枠の空白、デフォルトは2 cellpadding:セルの内容からセルの枠線までの距離、デフォルトは1 align:表の水平位置合わせのほかにwidth、height、borderのテクニックがあります:表の枠線はborder-collapseを合併します;
連結セル:行間連結(垂直連結):rowspan=「連結が必要なグリッド数」列間連結(水平連結):colspan=「連結が必要なグリッド数」
初日終了、学習時間4.5時間
二.HTML基本スケルトン構造
<html>
<head>
<meta />
<title><title />
head>
<body>
body>
html>
三.文字セットcharset UTF-8
四.HTMLタグの意味化は簡単に言えばタグの意味であり、意味が良いかどうかの基準はCSSを削除した後もページ要素の構造が秩序正しく、読みやすさが良いことである.
五.HTML常用レイアウトラベル1.タイトルh 1-h 6は合計6級h 1が最大で、順次小さくなる.段落p 3.改行br単一ラベル4.水平線hr単一ラベル5.divブロックレベルラベル、span行内ラベル
H 5新しい意味ラベル:6.ヘッダーは、Webサイトのヘッダー7を定義するために使用されます.navはナビゲーションバー、ナビゲーションリンク8を定義する.footerは、ドキュメントまたはWebサイトのフッターを定義し、下部9.article定義記事10.sectionピクチャ切替点(マルチキャスト図のli小ドット)11.サイドバーナビゲーション12.datalist連想バー
六.テキストフォーマットラベル1...strong太く2...em傾斜3...del削除線4...ins下線
七.ラベルのプロパティ1...imgイメージラベル(単一ラベル)プロパティ:src=「ピクチャパス」alt=「テキストを表示」リンクリソースが無効になったときに表示される置換テキストtitle=「プロンプトテキスト」マウスが停止したときに表示されるテキスト幅width高さheight`
<img src="./demo.png" alt=" " title=" "/>
2...aリンクラベル(単一)プロパティ:href="url"リンクアドレスtarget="_blank"リンクの開き方(新しいページ、デフォルトは現在のページself)
<a href="www.XXXX.com" target="_blank"/> XXXX a>
八.相対パスと絶対パス
九.アンカー位置1位置決めラベルにid属性を追加する2ターゲット位置にaで包み、aのhref属性の値を#id属性の値にする
<a href="#first"> a>
<hr>
<h2 id="first"> h2>
十.ヘッダーのbaseラベル(単一ラベル)は、ページ内のすべてのリンクを新しいページに開くように統一的に定義するなど、全体的なリンクの開き状態を設定します.
十一.プリフォーマットテキストラベルpreこのラベル内で直接スペースと改行を使うことができて、あまりよくありません
十二.HTMLの特殊文字が最もよく使われる:スペース 牛Bアクセサリー、オレンジ色の品質は<より小さいです;より大きいその他のマニュアルε=ε=ε=(￣▽￣)
十三テーブルテーブルテーブル
<table width="200px" height="120px" cellspacing="0" cellpadding="0">
<caption> caption>
<thead>
<tr>
<th> th>
<th> th>
<th> th>
tr>
thead>
<tbody>
<tr>
<td> td>
<td> td>
<td> td>
tr>
<tr>
<td> td>
<td> td>
<td> td>
tr>
tbody>
<tfoot>
<tr>
<td> td>
<td> td>
tr>
tfoot>
table>
表のプロパティ:cellspacing:セルと外枠の空白、デフォルトは2 cellpadding:セルの内容からセルの枠線までの距離、デフォルトは1 align:表の水平位置合わせのほかにwidth、height、borderのテクニックがあります:表の枠線はborder-collapseを合併します;
連結セル:行間連結(垂直連結):rowspan=「連結が必要なグリッド数」列間連結(水平連結):colspan=「連結が必要なグリッド数」
初日終了、学習時間4.5時間