検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML-共通タグのまとめと実践_html/css_WEB-ITnose

HTML-共通タグのまとめと実践_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:39:471193ブラウズ

HTML とは何ですか?

ハイパーテキスト マークアップ言語、標準ユニバーサル マークアップ言語に基づくアプリケーション。

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

ハイパーテキスト マークアップ言語の構造は、「ヘッド」部分 (英語: Head) と「メイン」部分 (英語: Body) で構成されます。 「ヘッド」部分は Web ページに関する情報を提供し、「ボディ」部分は Web ページに関する情報を提供します。 Web ページの詳細についての情報を提供します。 systemシステムの開発後、Web全体にさらされると、HTMLコードとCSS+Divの組み合わせを新しい理解しています。

1. 要素、タグ、属性

HTML を学習した後、多くの人が要素とタグの違いを知らないと思いますが、私も情報をクエリすることでこの疑問を解決しました。みんなで共有しましょう。 

<html>
<head><title>这是标题</title></head>    <body size=”12”>	<p>HELLO WORLD!</p>    </body></html>

要素: 高校の化学の学習と同様に、word 要素は物質の最も基本的な単位を表します。ここでも、HTML 要素は、上記のコードと同様に、HTML ファイルを構成する基本オブジェクトです。 :

HELLO WORLD!

は HTML の最も基本的な単位を構成する要素です。

タグ: 、、 など、山括弧「<」と「>」で囲まれたオブジェクトです。ほとんどのタグは、< のようにペアで表示されます。テーブル>、<フォーム>。もちろん、
、
など、ペアで表示されないものもいくつかあります。

属性: タグでは、size="12" は開始タグ内で定義され、「=」とペアで表​​示されます。

2. よく使われるタグの紹介

(1) テキスト関連のタグ 

 <html>    静夜思                    
            
静夜思
                          作者：李白            
            
                                    窗前明月光，疑是地上霜。
                    举头望明月，低头思故乡。
効果は次のとおりです。 横線タグを挿入 ( color 属性は、線の色、
改行ラベルを設定でき、 と はそれぞれフォントを太字と斜体にします。

(2) テーブル関連のタグ 

<html>    表格的例子
2004年度期末考试成绩单
姓名 语文 英语 数学
张三 69 27 76
李四 89 27 46
王五 39 88 67
马六 87 77 66

効果は次のとおりです:

いくつかの属性とラベルの紹介:

1.b order align valign bgcolor

border は境界線の幅を設定します (デフォルト)は 0.

配置 Align 水平方向の配置方法の設定、属性値: left center right

値の設定 垂直方向の配置方法、属性値: TOP MIDDLE BOTTOM

BGCOLOR 背景色を設定


; テーブルを定義する

牛バラ肉の、当時のマスターテンプレートの一文:

写真の挿入に最適です。 href="" によってハイパーリンクを設定し、target="_blank" によって新しいページを開くと、要素 によって画像が表示されます。


上記の要素、タグ、属性の比較といくつかの例のトレーニングを通じて、基本的な HTML コードに問題はありません。

著作権表示: この記事はブロガーのオリジナル記事であり、ブロガーの許可なく複製することはできません。 🎜 🎜 🎜
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：選択できないドロップダウン選択はありますか? _html/css_WEB-ITnose次の記事：選択できないドロップダウン選択はありますか? _html/css_WEB-ITnose

関連記事

続きを見る