検索
ホームページウェブフロントエンドhtmlチュートリアルHTML の基本構文は、html_HTML/Xhtml_web ページの作成を学び始めたばかりの友人にとって便利です

1.1 一般タグ
一般タグは、開始タグ (開始タグ) と終了タグ (終了タグ) で構成されます。 構文は次のとおりです。 制御テキスト< ;/x>
ここで、x はタグ名を表します。 は一連のスイッチのようなものです。開始タグ は特定の機能をオン (ON) にし、終了タグ を追加します。 a スラッシュ /) は OFF 機能を示し、制御されるテキスト情報は 2 つのマークの間に配置されます。例: これは斜体です
一部の属性をタグに付加して、特定の特殊な効果や機能を実現することもできます。例: 制御テキスト
ここで、a1,a2,...,an は属性名、および v1、v2、...、vn は、対応する属性値です。属性値は、引用符の有無にかかわらず、現在使用されているすべてのブラウザーで受け入れられます。ただし、新しい W3C 標準に従って、この属性は、 value は引用符が必要なので、引用符を追加する習慣を身に付けることをお勧めします。
1.2 空のタグ
ほとんどのタグはペアで表示されますが、単独で存在するタグもあります。このように単独で存在するタグを空タグと呼びます。その AND メソッドは次のとおりです:
同様に、空のタグにいくつかの属性 (Attribute) を付加して、特定の特殊効果や機能を完成させることもできます。例: 、例:



など。
W3C によって定義された新しい標準 (XHTML1.0/HTML4.0) では、空のタグは / で終わることを推奨しています。つまり、
追加の属性の場合:
現在使用されているブラウザには、空のタグの後ろ、つまりタグの最後に / を追加するかどうかについて厳密な要件はありません。空のタグ、/、および / を追加しないことは、その機能に影響しません。ただし、ファイルを最新の標準に準拠させたい場合は、/ を追加するのが最善です。

2. HTML タグの分類
2.1 文書構造タグ (文書構造タグ)
このようなタグの目的は、ファイル構造をマークアウトすることです。 、主なものは次のとおりです:
...: html ファイルの開始と終了をマークします。
...: ファイルタイトル領域をマークします。
...: ファイルの本体領域をマークします
2.2 ブロックフォーマットタグ (Block Formatting Tags)
主な目的このようなタグの例は、ファイルの可視性を高めるために、HTML ファイル内のテキストの特定のセクションを特定の形式で表示することです。主なものは次のとおりです:
...: ファイルのタイトル。
...:i=1,2,...,6、ウェブページのタイトル。

: 水平線を生成します。

: 強制改行。

...

: 文書の段落。
...
: オリジナル形式で表示します。
...
: 連絡先担当者の名前、電話番号、住所、その他の情報をマークします。
...
: セクションの引用符。
2.3 文字整形タグ(文字整形タグ)
HTMLファイルのテキストの見た目を変更し、ファイルの美しさを高めるために使用されます。主なものは次のとおりです:
...: 太字のテキスト。
...: 斜体。
...: フォントを入力します。
...: フォント設定を変更します。
...
: 中央揃え。
...: テキストが点滅します。
...: フォントサイズを大きくします。
...: フォントサイズを小さくします。
...: 参照。
2.4 リストタグ
    ...
: 番号なしのリスト。
    ...番号付きリストがあります。
  1. ...
  2. : 項目をリストします。
    ...
    : 定義のリスト。
    ...
    : プロジェクトを定義します。
    ...
    : プロジェクトを定義します。
    ...: ディレクトリリスト。
    ...: メニューリスト。
    2.5 リンクタグ(アンカータグ)
    リンクは HTML ハイパーテキスト ファイルの生命線とも言えます。HTML ではリンク タグを使用して、世界中に散在する画像、テキスト、ビデオ、音声などの情報を統合します。このようなタグの主な目的は、主に以下を含むハイパーテキスト リンク (Hypertext Link) をマークすることです:
    ...: ハイパーリンクを確立します。
    2.6 マルチメディアタグ
    このタイプのタグは画像データを表示するために使用されます。主に以下が含まれます:
    HTML の基本構文は、html_HTML/Xhtml_web ページの作成を学び始めたばかりの友人にとって便利です: 埋め込み画像。
    : マルチメディアオブジェクトを埋め込みます。
    : BGM。
    2.7 テーブルタグ
    このようなタグはテーブルを作成するために使用されます。主に以下が含まれます:
    ...
    : テーブルセクションを定義します。
    ...: テーブルのタイトル。
    ...: ヘッダー。
    ...: テーブルの列。
    ...: 表のセル。
    2.8 フォームタグ
    このようなタグは、インタラクティブなフォームを作成するために使用されます。主なタグは次のとおりです。
    ...
    : 開始と終了を示します。フォームセクションの。
    : 単一行のテキスト ボックス、ラジオ ボタン、チェック ボックスなどを生成します。
    : 複数行の入力テキストボックスを生成します。
    : ドロップダウン リストの開始と終了を示します。
    : ドロップダウン リストに選択項目を生成します。
    HTML タグは大文字と小文字を区別しません。つまり、 と は同じです。これらのタグを以下に紹介します。

    3. ファイル構造マーク
    HTML ファイルの構造は基本的に 2 つの部分に分けられ、1 つの部分はタイトル領域 (Head Section) と呼ばれます。メインエリア(ボディセクション)と呼ばれます。ファイル構造タグは、ヘッダーがどこに属するか、本文がどこに属するかを示すために使用されます。
    3.1: ドキュメント全体をマークします
    目的: HTML ドキュメント全体をマークします
    説明: 標準の HTML ドキュメントは で始まり、ファイルは 。つまり、

    ... HTML ファイルの全文
    : HTML ファイルでは、
    と で挟まれた領域をタイトル領域と呼びます。ファイル。通常、head セクションは html セクションに含まれます。つまり、
    ... HTML ファイルのタイトル領域
    > ;
    ... ..


    3.3: Web ページのタイトル<br><br> <title>.... HTMLファイルのタイトル部分でよく使われるタグ。タイトル領域の他のタグには、 などがあります。 タグの目的は、Web ページのタイトルを設定することです。このタイトルはブラウザ ウィンドウのタイトル バーに表示され、ブラウザのページ テキストには表示されません。ほとんどのブラウザのお気に入り、ブックマーク、履歴リストの機能も、このファイルのタイトルに基づいて名前が付けられています。 ... でマークされたテキストに長さの制限はありませんが、長すぎるタイトルは場合によっては切り取られ、覚えにくくなることがあります。

    3.4: ファイルの本体領域をマーク

    説明: HTML ファイル内で、...> で挟まれた領域; はファイルの本体と呼ばれ、通常は セクションの後にあります。 3.5 タグの属性

    backgroud 属性: この属性では、背景パターンとしてグラフィック ファイル (通常は gif または jpeg) を指定できます。グラフィックはタイルのようにレイアウトされ、Web ページ全体の基本イメージを形成します。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 中国語版

SublimeText3 中国語版

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

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。