コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 【HTML】-共通タグ-ニュースリリースsystem_html/css_WEB-ITnose

【HTML】-共通タグ-ニュースリリースsystem_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:40:22
オリジナル
1300 人が閲覧しました

HTML の 1 つのエピソードを学習することで、元のニュース リリース システムのいくつかのタグについての理解が深まり、非常に得をしたと感じています。


定義

HTML はハイパーテキスト マークアップ言語です。 「ハイパーテキスト」とは、ページに画像、リンク、さらには音楽やプログラムなどの非テキスト要素を含めることができることを意味します。


要素とタグ

4 つの基本要素:


: 空の要素

: 属性を持つ空の要素

http:// www.zhaohan.com: コンテンツを含む要素

http://www.zhaohan.com: コンテンツと属性を含む要素 要素

例:


実行結果:

実行結果はコードに書かれたものと異なっており、分割されていないことがわかります。これは、複数の空白文字 (スペース、タブ、キャリッジ リターン、ライン フィードなど) がある場合、ブラウザは表示時に空白文字を 1 つの空白文字にのみ解析するため、上記の効果が発生します。

これには、段落コントロールに関連するいくつかのタグを理解する必要があります:

p:段落。 # は属性値で、left/center/right/justify のいずれかになります。


: 改行

: 横線を挿入し、色を指定します。

例: 

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>        <title>        HTML    </title></head><body>    <p align="center">HTML</p>               <!--HTML居中-->    <p align="center">HTML 2.0?1995年11月<br /></p>    <hr width="200px"/>                      <!--下划线，宽200px-->   <p align="center">HTML 3.2?1997年1月</p></body>
ログイン後にコピー

実行結果は次のようになります:


テキストにデザインを加えたい場合は、テキスト設定タグを理解する必要があります:

: テキストが中央にあります

: タイトルを設定します。n はタイトルのレベルで、1 は最大を意味します。 align タイトルの配置を設定します

: フォントと色を設定します

: 太字

: 斜体

例:

操作の効果:



一部の文字はシステムで制限されているか、他の意味を持っています。一部の特殊文字を入力する場合は、特殊文字を引用符で囲む必要があります:



たとえば。 : ビーフブリスケットニュース 出版システム内: 

    情况下自定义一个文件类型描述。举例来说：  <!-- 原版-->   <center> <b>为了说明文档使用的超文本标记语言标准，</b><br /></center><!--居中+粗体-->   <i> 所有超文本标记语言文档应该以“文件类型声明”头，<br /></i>       <!-- 斜体-->   <font size="19" color="red"> 引用一个文件类型描述或者必要<br /></font> <!--字号：19 颜色红-->
ログイン後にコピー
効果:


list

番号付きリストを作成するには、
    タグと
  1. を使用します。
      タグの start 属性を使用して、開始シーケンス番号を設定します。リスト内の番号付け順序を変更するには、
    1. タグの value 属性を使用します。

      例: 

      <div id="footer">             版权所有 &copy; 赵寒 &<a href="http://blog.csdn.net/onlybymyself" target="=blank"> 赵寒CSDN</a>        </div>
      ログイン後にコピー
      効果:


      タグの type 属性を使用して、番号付けの種類を指定できます。

      参照:


      テーブル

      テーブルには、タイトル、ヘッダー、テーブルの行、セルが含まれます。

      テーブルは 要素によって定義されます。

      テーブルのヘッダーは で新しい行を追加します

      で定義されます

      タイトルは
      で定義されます

      でセルを定義します

      例: 

      <ol start><li value ="1">不受尘埃半点侵，编就两溜青篱，春居独天下，花开五瓣，我赞你，傲然，梅。</li>　　　　<li>不为穷困而改节，蕙为无人不芳，幽香只暗持，叶立琼枝，我爱你，清秀，兰。</li>　　　　<li>不将悬枕畔涛声，触目千林憔悴，迸笋出苍壁，高风亮节，我敬你，廉洁，竹。</li>　　　　<li>不愿低首茎直立，卓为霜下杰出，抱枝宁自枯，罗宅残香，我顶你，高雅，菊。</li>     </ol>  <br><p> </p>効果: <p> </p>
<p> <br> </p> コードでは、border はテーブルの線の幅を設定します。 <p> </p>
<p> <br> </p>ハイパーリンク<p> </p> 構文形式は次のとおりです: <a href="URL"><p> </p>例: サーロイン エラー ページ: <p> </p>
<p> </p>
<pre name="code" class="sycode"><span style="font-family:KaiTi_GB2312;font-size:24px;"><body>      <table border="1">       <caption >开销单</caption>              <th>日期</th>       <th>项目</th>       <th>费用</th>       <tr>           <td>2015-7-25</td>           <td>水费</td>           <td>50元</td>       </tr>   </table></body></span>
      ログイン後にコピー
      Zhao Han CSDN はハイパーリンクとして設定され、ハイパーリンク アドレスは次のとおりです。 http://blog.csdn.net/onlybymyself。

      ビデオのエピソードを見ることで、HTML についての理解が深まりました。ブリスケットを作成するときは少し混乱しましたが、今ではそれらのタグについてよく理解できました。ブリスケットニュースリリースシステムはB/Sのブックマークのようなものだと言われていますが、その通りだと思います。まずはブリスケットで各部分を理解してから、その後の学習プロセスで徐々に深めてください。



      著作権表示: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。

      関連ラベル：
      【HTML】-常用标记-新闻发布系统
      ソース：php.cn
      前の記事：HTML - モバイル端末で CSS を使用して、ポップアップ ウィンドウを水平方向と垂直方向のパーセンテージ レイアウトで中央に配置する方法_html/css_WEB-ITnose 次の記事：html_html/css_WEB-ITnose の初期体験
      このウェブサイトの声明
      この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
      著者別の最新記事
      最新の問題
      function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
      から 2024-04-29 11:01:01
      0
      3
      2262
      Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
      から 2024-04-23 00:22:19
      0
      11
      2398
      子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
      から 2024-04-19 15:37:47
      0
      1
      2011
      親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
      から 2024-04-18 23:52:34
      0
      1
      1893
      CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
      から 2024-04-16 10:10:18
      0
      0
      1964
      関連トピック
      詳細>
      人気のおすすめ
      人気のチュートリアル
      詳細>
      関連するチュートリアル
      人気のおすすめ
      最新のコース
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート