Webフロントエンドの基本-一般的な基本的なHTMLタグの使用

静的Webページとは、ブラウザの解釈と実行によって生成されたWebページを指し、その主な開発テクノロジはHTML、CSS、およびJavaScriptです。
HTML:Hypertext Markup Languageは、IntenretでWebページを作成するために使用される主要なマークアップ言語であり、Webページの基本的な表現を担当します。
CSS:略してスタイルシートと呼ばれ、構造化されたドキュメント(HTMLドキュメントなど)にスタイル(フォント、間隔、背景など)を追加するために使用されるコンピューター言語であり、
ページの美化を担当します。
JavaSript:サーバーとクライアント間の相互作用を担当する記述的なスクリプト言語です。

HTMLファイルの基本構造

<html>//根控制标记(头)
   <head>//头控制标记(头)
     ...
   </head>头控制标记(尾)
   <body>
     ...网页显示区域(一般要实现的代码都在这里写)
   </body>
</html>//根控制标记(尾)

一般的なHTMLタグ

1.改行</br>
2.段落の
形式:
<p>段落の内容</ p>
<p align = "alignment"> ... </ p>
属性名align
属性値left(テキストは左揃え、デフォルト)、 center(テキストを中央に揃える)、right(テキストを右に揃える)
3。水平直線<hr>
属性名属性値
サイズピクセルpx /パーセント%(属性値が大きいほど線が太くなる)
幅ピクセルpx(絶対設定、長さはウィンドウの変更に応じて変化)
パーセンテージ%(相対設定、ウィンドウの幅に応じて長さが変化します)
noshade(実線)
4。背景色とテキスト設定

< body bgcolor="背景色" text="文字颜色" >

ページ全体の余白と行間隔

< body leftmargin="像素px" topmargin="像素px" >

5.タイトルテキストの設定
<h1>…</ h1>
<h2>…</ h2>
<h3>…</ h3>
<h4>…</ h4>
<h5>…</ h5>
<h6>…< / h6> <h1>から<h6>へのフォントサイズが大きいものから小さいものに変わります。
6.物理的なキャラクターコントロールマーク

<b>...</b>粗体
<i>...</i>斜体
<s>...</s>删除线
<u>...</u>下划线
<sub>...</sub>下标(化学元素:二氧化碳等)
<sup>...</sup>上标(数学中:幂,平方等)

7.ローリング
フォーマット:

<marquee> ... </marquee> 

方向: <方向=#>
#=左、右、上、下(上、下、左、右のロールを表す)
例:右から左に移動

<marquee direction=left></marquee>

方法<bihavior =#>
#=スクロール、スライド、交互(循環スクロール、1回だけスクロール、交互に前後にスクロール)
例:

 <marquee behavior=scroll></marquee> 
 <marquee behavior=slide></marquee>
  <marquee behavior=alternate></marquee>

ローリング時間 <loop =#>
#=回(値は整数)指定されていない場合、ループは停止しません(無限)。
例:

<marquee loop=3 width=50% behavior=scroll></marquee>
 <marquee loop=3 width=50% behavior=slide></marquee> 
 <marquee loop=3 width=50% behavior=alternate></marquee>

速度 <scrollamount =#>
(scrollamountの値は、テキストの各移動の長さ(ピクセル単位)です)

 <marquee scrollamount=15></marquee>

遅延<scrolldelay =#>単位はミリ秒です。
例:

<marquee scrolldelay=50 scrollamount=100></marquee>

8.セマンティックキャラクターコントロール

<address></address> 地址
<del></del> 删除(删除线)
<ins>...</ins> 修改(下滑线)
<strong></strong> 加强语气(加粗)
<em>...</em> 加强语气(倾斜)

9.フォーマット

<pre>...</pre>

10.面積 <高さ=#幅=#>

<marquee height=40 width=50% bgcolor=aaeeaa></marquee>

11.背景色 <bgcolor =#>
#= 16進数、または事前定義された色:黒、オリーブ、ティール、赤、青、フクシア、白、緑、紫、銀、黄色、アクア

<marquee bgcolor=aaaaee></marquee>

おすすめ

転載: blog.csdn.net/haha_7/article/details/108858259