HTML タグの使用法 - テキスト、リスト、テーブル、hyperlink_html/css_WEB-ITnose
Html内容
1. Html就是超文本标记语言的简写,是最基础的网页语言。 2. Html是通过标签来定义的语言,代码都是由标签所组成。 3. Html代码不用区分大小写。 4. Html代码由开始结束。里面由头部分 和体部分两部分组成。5. 头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。 6. 体部分是真正存放页面数据的地方。 |
l 多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
l 想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
l 属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。
l 格式:<标签名属性名=’属性值’>数据内容标签>
<标签名属性名=’属性值’/>
操作思想:
为了数据操作都需要将数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。标签就详单与容器。对容器中的数据进行操作,就是在不断地改变容器中的属性值。
常用标签的使用
字 体 | ||||||||||||||||||
1. 字体标签: 例:字体标签示例 注:简单颜色可是直接写对应的英文,复杂颜色用16进制表示,表现形式#FF0000两个数为一组,按红,绿,蓝排列,如:#00FF00表示绿色。建议用工具选取。 2. 标题标签:
|
< | < | > | > | & | & |
" | “ | ® | ® | © | © |
™ | ? |
| 空格 |
|
|
注:在Dreamweaver8中都具有联想功能。
タグのリスト:
- : 上位レベルのプロジェクト
- : 下位レベルのプロジェクト
lt;dd>緊急警報
dl> ; 効果:
- : 数値ラベル (a A 1 i I)
- : 特定のプロジェクト コンテンツ タグ。このタグは
- でのみ有効です。
画像で表される黒い点など、より良いリストを作成したい場合は、type 属性を通じて箇条書きを変更します。
Picture Like
5.
画像タグ:
例:
align: 属性は画像の配置を定義し、border は画像の境界線を設定するために使用されます。 Src ファイルを接続します
6.
画像マップ:
用途: 画像の特定の部分を接続として選択したい場合。例: 中国の地図上の各省に対応するエリア。
map タグは img タグと組み合わせて使用する必要があります。 Href はハイパーリンクです
- : シンボル ラベル (○●■)
テーブル
7. テーブルタグ : <テーブル> 構成: タイトルタグ: < caption> は、表のタイトルを提供します。
ヘッダー タグ:、通常は表の最初の行または列を書式設定し、太字で表示されます。一般的には使用されません。 、行ラベル内にロードします。最初に行があり、その行にセルが追加されると単純に理解できます。 2. 位置決めマーク表のタイトル 名前 年齢< /th> ;23 効果:
張三 23 効果:
各テーブルには、テーブルヘッダー、テーブルフッター、および THEAD、TFOOT、および TBODY で表される 1 つ以上のテーブル本体 (つまり、テキスト) を含めることができます。それぞれの要素。
THEAD、TFOOT にはテーブル列に関する情報が含まれます。
TBODY の機能は、テーブルのダウンロードを個別の行で制御し、それによってダウンロード速度を向上させることです。 (Web ページは、テーブルの内容がすべてダウンロードされてから表示されます。ブランチ ダウンロードの場合、コンテンツの一部を最初に表示できるため、ユーザーの待ち時間が短縮されます。)
TBODY を使用する目的は、これらの含まれるコードを有効にするには、解析後にテーブル全体をまとめて表示する必要はありません。つまり、複数の行がある場合、TBODY 行が取得されたら、最初に 1 行を表示できます。
TBODY このタグは、テーブルのコンテンツが大きい場合に、ブランチのダウンロードが必要な場合に、より実用的です。
8.
ハイパーリンクタグ:2 つの用途:
1。 lt;a href=””>
例:
Web ページのコンテンツが長すぎる場合、位置決めマークはスクロール バーをドラッグするよりも便利で高速です。 注: 位置決めタグを効果的にするには、ハイパーリンクと組み合わせて使用する必要があります。 例:
…….
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
アサシンのクリードシャドウズ:シーシェルリドルソリューション3週間前 By DDDWindows11 KB5054979の新しいものと更新の問題を修正する方法2週間前 By DDDAtomfallのクレーンコントロールキーカードを見つける場所3週間前 By DDDR.E.P.O.で節約説明した(そしてファイルを保存)1 か月前 By 尊渡假赌尊渡假赌尊渡假赌アサシンクリードシャドウ - 鍛冶屋を見つけて武器と鎧のカスタマイズを解除する方法4週間前 By DDDホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
ホットトピック
Gmailメールのログイン入り口はどこですか?7563
15
CakePHP チュートリアル1385
52
Steamのアカウント名の形式は何ですか84
11
NYTの接続はヒントと回答です28
99
&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;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM
この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。
HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM
HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。
&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;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM
この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM
HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。
HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM
Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。
- : 特定のプロジェクト コンテンツ タグ。このタグは