ホームページ ウェブフロントエンド htmlチュートリアル HTML タグの使用法 - テキスト、リスト、テーブル、hyperlink_html/css_WEB-ITnose

HTML タグの使用法 - テキスト、リスト、テーブル、hyperlink_html/css_WEB-ITnose

Jun 24, 2016 am 11:50 AM

Html内容

1.   Html就是超文本标记语言的简写,是最基础的网页语言。

2.   Html是通过标签来定义的语言,代码都是由标签所组成。

3.   Html代码不用区分大小写。

4.   Html代码由开始结束。里面由头部分和体部分两部分组成。

5.   头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。

6.   体部分是真正存放页面数据的地方。

 

l  多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。

l  想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。

l  属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。

l  格式:<标签名属性名=’属性值’>数据内容

<标签名属性名=’属性值’/>

操作思想:

    为了数据操作都需要将数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。标签就详单与容器。对容器中的数据进行操作,就是在不断地改变容器中的属性值。

 

常用标签的使用

字  体

1.   字体标签

例:字体标签示例

注:简单颜色可是直接写对应的英文,复杂颜色用16进制表示,表现形式#FF0000两个数为一组,按红,绿,蓝排列,如:#00FF00表示绿色。建议用工具选取。

2.   标题标签

…..

因为标题是文本中常用的内容,为了方便操作而定义的。其实就是某个字号和粗体的组合。

3.   特殊字符:

如果要在网页上显示一些特殊符号,比如< > & 等。因为这些符号在代码中会被浏览器识别并解释,所以用一些特殊的方式来表示。

<

<

>

&

&

"

®

®

©

©

?

空格

 

 

注:在Dreamweaver8中都具有联想功能。

🎝 4.

タグのリスト:

: 上位レベルのプロジェクト

: 下位レベルのプロジェクト

例:

lt;dd>緊急警報 dl> ;リスト内の箇条書きに対応するラベル
    : 数値ラベル (a A 1 i I)

効果:

    : シンボル ラベル (○●■)
  • : 特定のプロジェクト コンテンツ タグ。このタグは
      でのみ有効です。

      画像で表される黒い点など、より良いリストを作成したい場合は、type 属性を通じて箇条書きを変更します。

      Picture Like

      5.

      画像タグ

      :

      例: 画像キャプション

      align: 属性は画像の配置を定義し、border は画像の境界線を設定するために使用されます。 Src ファイルを接続します

      6.

      画像マップ

      用途: 画像の特定の部分を接続とし​​て選択したい場合。例: 中国の地図上の各省に対応するエリア。

      map タグは img タグと組み合わせて使用​​する必要があります。 Href はハイパーリンクです

      画像キャプション

7. テーブルタグ

セルラベル: 2. 位置決めマーク Web ページのコンテンツが長すぎる場合、位置決めマークはスクロール バーをドラッグするよりも便利で高速です。 マーク位置

…….

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

See all articles

テーブル

: <テーブル>

構成: タイトルタグ: < caption> は、表のタイトルを提供します。

ヘッダー タグ:
、通常は表の最初の行または列を書式設定し、太字で表示されます。一般的には使用されません。

行ラベル:
、行ラベル内にロードします。最初に行があり、その行にセルが追加されると単純に理解できます。

形式:

表のタイトル
名前 年齢< /th> ;23

効果:

張三 23

効果:

各テーブルには、テーブルヘッダー、テーブルフッター、および THEAD、TFOOT、および TBODY で表される 1 つ以上のテーブル本体 (つまり、テキスト) を含めることができます。それぞれの要素。

THEAD、TFOOT にはテーブル列に関する情報が含まれます。

TBODY の機能は、テーブルのダウンロードを個別の行で制御し、それによってダウンロード速度を向上させることです。 (Web ページは、テーブルの内容がすべてダウンロードされてから表示されます。ブランチ ダウンロードの場合、コンテンツの一部を最初に表示できるため、ユーザーの待ち時間が短縮されます。)

TBODY を使用する目的は、これらの含まれるコードを有効にするには、解析後にテーブル全体をまとめて表示する必要はありません。つまり、複数の行がある場合、TBODY 行が取得されたら、最初に 1 行を表示できます。

TBODY このタグは、テーブルのコンテンツが大きい場合に、ブランチのダウンロードが必要な場合に、より実用的です。

スーパーリンク

8.

ハイパーリンクタグ:

2 つの用途:

1。 lt;a href=””>

例:

Sina

注: 位置決めタグを効果的にするには、ハイパーリンクと組み合わせて使用​​する必要があります。 例: