ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML の基本_一般的なタグ、よく使用されるタグと表
HTML の基本_一般的なタグ、よく使用されるタグと表
- 高洛峰オリジナル
- 2017-02-17 10:54:431135ブラウズ
part 1html
＆lt; html＆gt;色) TopMargin ページ上の距離 leftmargin 左ページの距離 RightMargin 右ページの距離 Bottomargin 下ページの距離 背景の背景の壁紙 注 : 背景色と背景壁紙のいずれかを選択します1.1、一般タグ 1.1.1、フォーマット制御タグ 7f2865e4b5d8d7ff72c438d1218c3084e6e38b3c62e8df885fe2e3986461aa63 制御 font;フォントサイズ。 riving＆lt;＆gt; center & gt; ;/center> デフォルトの前後に他がある場合は前後に改行を入れてまとめてから中央に表示します。 B & lt; br & gt; または & lt; br /& gt; は、Ctrl+Shift+Space を押すこともできますデザイン ページ、コンテンツ コンテナ タグ 4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a...4e9ee319e0fa4abc21ff286eeb145ecc489364b7e0629f9745997c79a31b7c6d タイトル (自動的に折り返されます)。 HTML の見出し (Heading) は、4a249f0d628e2318394fd9b75b4636b1 ～ 4e9ee319e0fa4abc21ff286eeb145ecc などのタグによって定義されます。 注: 4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a...4e9ee319e0fa4abc21ff286eeb145ecc489364b7e0629f9745997c79a31b7c6d は、増加または減少する既存のデフォルト サイズに応じて、重要性が低くなります。前後に何かがある場合は、前後に改行を入れ、空白行を残して 86f0736e183e255396960848aec3dec4 /p> とその後、前後にラインを実行し、それが全体であることを確認するために空白線を残します上記の「」を「ul」に変更すると、独自の改行機能を持たない順序なしリストになります。 1.2. 共通タグハイパーリンクタグ5f5b956e8b4193bed4835a549ecad0e6ハイパーリンク テキスト5db79b134e9f6b82c0b36e0489ee08ed --href (ハイパーリンク リファレンス) _blank は新しいウィンドウで開きます。
最初のステップ: アンカーポイントのラベルを作成します。 0d4059fd39baf0af59f234d6fb4edbb95db79b134e9f6b82c0b36e0489ee08ed
ステップ 2: アンカーリンクを作成します。 d80c5b437de7e194f2fd874ee8a1d2255db79b134e9f6b82c0b36e0489ee08ed
絵タグ
bee61e78633f8e16c5f08578303e870c -- 高さと幅を 1 つずつ設定すると、表示される画像が比例して拡大縮小されます。 alt は画像を読み込めないときにテキストを表示し、検索エンジンの検索にも役立ちます。
6ed09268cbdd0015bce8dcbbdfa9bfe4 は単独で表示する必要があります。
1.3、テーブル & & lt;テーブル & gt; 幅: 幅。ピクセルまたはパーセンテージで表現できます。一般的に使用されるのは 960 ピクセルです。
境界線: 境界線。一般的に使用される値は 0 です。
Cellpadding: コンテンツとセルの境界線の間の余白。一般的に使用される値は 0 です。
セル間隔: セル間の間隔。一般的に使用される値は 0 です。
align: 位置合わせ。
bgcolor: 背景色。
背景: 背景画像。
背景：バラシ：セルの内容の垂直アライメントメソッド：セル幅それを行に配置し、その行をテーブルに配置する必要があります。セルの行の高さと列の高さを設定すると、対応する行または列に同時に影響します
セルの結合: (可能な限りテーブルのネストを使用することをお勧めします)
colspan="n" - セルを結合します同じ行内（後でコードを書く） 対応する列を最小化する場合）
ROWSPAN = "N" —— 同じ列を結合する（対応する列を2行目から開始）
上記の基礎知識を踏まえて、プログラムを作成すると、コードと動作結果は以下の通りです
プログラムコード:
XML/HTML コードの内容をクリップボードにコピーします
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>脚本之家</title> </head> <body bgcolor="#00FFCC"> <a name="top"></a> 今天<br> 天 气<br />不错。<br /> <br /> <font size="45" color="red"> 字体格式控制标签：<br /> <b>文字加粗方式1，b标签</b><br /> <strong>文字加粗方式2，strong标签</strong><br /> <i>文字倾斜方式1，i标签</i><br /> <em>文字倾斜方式2，em标签</em><br /> <u>文字加下划线，u标签</u> 123<center>居中标签，center，默认，前后若有其他，执行前后换行，保证自身是一个整体，然后进行居中显示。</center>456<br /> <br /> 内容容器标签：<br /> 123<p>p标签，段落标签，若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体，</p>456 <ol>ol有序列表 <li>默认自带序号</li> <li>自带换行</li> <li>若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体</li> </ol> <ul>ul无序列表 <li>默认不自带序号</li> <li>自带换行</li> <li>若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体</li> </ul> <a href="http://www.baidu.com" target="_top">百度一下</a><br /> <img src="123.jpg" title="这是两个美女" alt="zheshilianggemeinv" /><br /><br /> <a href="http://www.qq.com"><img src="123.jpg" width="104" /></a><br /><br /> <img src="123.jpg" width="100" height="200" /> </font> <h1>h1~h6标签，标题控制标签</h1> <h2>若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体</h2> <h3>重要性依次递减</h3> <h4>依附于现有的默认尺寸，进行增加或减小</h4> <p style="background-color:#0F0">p层标签，默认一上来就占用一整行</p> <span style="background-color:#CF0">span层标签，默认使用多少就占用多少</span><br /> <br /> <table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0"> <tr align="center"> <td width="120"><a href="http://autohome.com">汽车之家</a></td> <td width="120">易车网</td> <td colspan="2">新浪汽车</td> </tr> <tr align="center"> <td>58同城</td> <td>赶集网</td> <td rowspan="2" bgcolor="#FF0033">京东</td> <td>安居客</td> </tr> <tr align="center"> <td>天猫</td> <td>聚美优品</td> <td>唯品会</td> </tr> </table> <br /> <a href="#top">返回最顶端</a> </body> </html>
実行結果:
上記の記事は次のことに焦点を当てていますHTML の基本_一般タグ、よく使用されるラベルとテーブルはすべてエディターで共有される内容です。参考にしていただければ幸いです。また、PHP 中国語 Web サイトもサポートしていただければ幸いです。 HTML の基本的な要点_一般的なタグ、よく使用されるタグ、テーブル関連の記事については、PHP 中国語 Web サイトをご覧ください。