HTMLファイルの基本マークアップを学ぶHTML (1)_html/css

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLファイルの基本マークアップを学ぶHTML (1)_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:41 AM

htmlの基本構造を学んだ次は、htmlファイルの基本的なマークアップを学んでいきます！

HTMLヘッダータグ

一般的に使用されるタグは次のとおりです:

(1) : 現在のベースアドレス

(2) : ベーステキストのフォント、フォントサイズ、色を設定します

( 3) : ドキュメントが、サーバーによって自動的に作成された、検索に使用できるゲートウェイスクリプトであることを示します

(4) : ドキュメント自体に関するメタ情報

(5)

(6) 外部ファイルへのリンクを設定します

(7) <script> ページ内にプログラムスクリプトの内容を設定します </script>

始めましょうよく使用されるタグを 1 つずつ紹介します

1. メタ情報タグ

meta は単一の要素です。終了タグを設定する必要はありません。name と http-equiv の 2 つの属性があり、検索エンジンの検索と分類を容易にするために Web ページを説明します

1.1 ページのキーワードを設定します

ex:

上記のコードは、Web ページのキーワード属性名が keyname であり、content がキーワードのコンテンツであることを意味します

1.2 ページの説明を設定します

ex:

上記の文はページの説明を意味し、ページの具体的なコンテンツです

1.3 編集ツールを設定します

ex:

1.4 著者情報を設定する

ex:

1.5 検索方法を制限する

ex :

1.6 Web ページのテキストと言語を設定する

ex1:

ex2:

1.7 Web ページの時間指定ジャンプを設定します

ex:

ps: 時間は秒単位です

1.8 有効期限を設定します

例:

< ;meta http -equiv="pragma" content=" no-cache ">

2.0 期限切れの Cookie を削除します

例:

2.1 を強制します。新しいウィンドウを開きます

例:

2.2 Webページのトランジション効果を設定します

例:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4  5 <meta name="description" content="关于html使用" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 7 <meta name="generator" content="Adobe Dw"/> 8 <meta name="keywords" content="http"/> 9 <meta name="author" content="Mr li"/>10 <!-- 表示能搜索当前网页-->11 <meta name="robots" content="index"/>12 <title>我的meta</title>13 <meta http-equiv="content-type"content="text/html";charset="utf-8"/>14 <!--定时跳转-->15 <meta http-equiv="refresh" content="2;url=http://www.baidu.com">16 </head>17 18 <body>19 <div id="first">20 将要跳转21 </div>22 </body>23 </html>

これは編集者自身が書いた小さな例です。皆さんもチェックしてみてください！

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。