HTML を学ぶために必要な知識ポイントをまとめますか?-htmlチュートリアル-php.cn

基本フレームワーク

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>标题标签</title></head><body><h1>了不起的盖茨比</h1><p>《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对"美国梦"的期翼，投身到那个年代的灯红酒绿之中，却在名利场中看尽世态炎凉，以及浮华背后一切终将逝去的空虚怅惘。1925年《了不起的盖茨比》问世。</p></body></html>

ログイン後にコピー

HTMLコードコメントを理解する

コードコメントとは何ですか?コードコメントの機能は、プログラマーがコードの目的をマークするのに役立ちます。しばらくしてから作成したコードを見ると、このコードの目的をすぐに思い出すことができます。コードコメントにより、プログラマは以前のコードの目的を思い出しやすくなるだけでなく、他のプログラマがプログラムの機能をすぐに理解できるようになり、複数の人が共同で Web ページコードを開発することが容易になります。

構文:

<code><code>

认识标签<code><head>

文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

<head><title>...</title><meta><link><style>...</style><script>...</script></head>

ログイン後にコピー

<head> <title>hello world</title></head>

ログイン後にコピー

<code><body>标签，网页上显示的内容放在这里

在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。

开始学习<code>标签，添加段落

如果想在网页上显示文章，这时就需要<code>标签了，把文章的段落放到<code>标签中。

语法： <code>段落文本

注意一段文字一个<code>标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个<code>标签中。如下图所示。

了解<code><hx(1-6)>标签，为你的网页添加标题

文章的段落用<code>标签，那么文章的标题用什么标签呢？在本节我们将使用<code><hx>标签来制作文章的标题。
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<code><h1>是最高的等级。

语法：<code><hx>标题文本 x:1-6

注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：<code><h1>腾讯网

h1-h6标签的默认样式：
标签代码：

在浏览器中显示的样式：

加入强调语气，使用<code>和<code>标签

有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到<code>或<code>标签
但两者在强调的语气上有区别:

ドキュメントの先頭では、ドキュメントの各要素について説明します。文書のタイトルなどを含む文書の属性と情報。ほとんどのドキュメントのヘッダーに含まれるデータは、実際にはコンテンツとして読者に表示されません。

<p>1922年的春天，一个想要成名名叫<em>尼克•卡拉威</em>（托比•马奎尔Tobey Maguire 饰）的作家，
离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，<strong>股票</strong>飞涨的时代。
为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>

ログイン後にコピー

<code><title> および <code><title&gt ; タグ間のテキストコンテンツは Web ページのタイトル情報であり、ブラウザのタイトルバーに表示されます。 Web ページのタイトルタグは、Web ページのメインコンテンツが何であるかをユーザーと検索エンジンに伝えるために使用され、検索エンジンは Web ページのタイトルを通じて Web ページのテーマを迅速に判断できます。各 Web ページのコンテンツは異なるため、各 Web ページには固有のタイトルが必要です。

例:

span{color:blue;
}

ログイン後にコピー

🎜🎜<code><body>タグにWebページに表示するコンテンツをここに配置します🎜🎜Webページに表示するページコンテンツはbodyタグ内に配置する必要があります。下の写真はニュース記事の Web ページです。 🎜🎜

🎜🎜🎜学習を開始<code><p&gt ; タグ、段落を追加します 🎜🎜 Web ページに記事を表示したい場合は、<code> タグが必要で、<code> 内に記事の段落を配置します> タグ。 🎜🎜文法: <code>段落テキスト

🎜🎜ニュースの 3 など、テキストの段落には <code> タグがあることに注意してください。記事テキストの段落を作成するには、これら 3 つの段落を 3 つの <code> タグに入れる必要があります。以下に示すように。 🎜🎜

🎜🎜🎜<code><hx( 1-6)> タグ、Web ページにタイトルを追加します 🎜🎜記事の段落では <code> タグが使用されているため、タイトルにはどのタグを使用する必要がありますか記事？このセクションでは、<code><hx> タグを使用して記事のタイトルを作成します。 🎜タイトルタグは合計 6 つあり、h1、h2、h3、h4、h5、および h6 は、第 1 レベルの見出し、第 2 レベルの見出し、第 3 レベルの見出し、第 4 レベルの見出し、第 5 レベルの見出し、および第 6 レベルの見出しです。それぞれレベルの見出し。そして重要度の降順に。 <code><h1> が最高レベルです。 🎜🎜構文: <code><hx>タイトルテキスト Tencent の Web サイトではこれが行われます。例: <code><h1>Tencent 🎜🎜h1-h6 タグのデフォルトのスタイル: 🎜タグコード: 🎜🎜

ブラウザに表示される🎜🎜🎜スタイル: 🎜🎜

🎜🎜🎜 <code> と <code> を使用して強調を追加します。 code> タグ 🎜🎜 には段落とタイトルが含まれています。段落内の特定の単語を強調したい場合は、<code> または <code> タグを使用できます。ただし、この 2 つの強調には違いがあります。 🎜

使用<code>标签为文字设置单独样式

<p>1922年的春天，一个想要成名名叫<em>尼克•卡拉威</em>（托比•马奎尔Tobey Maguire 饰）的作家，
离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，<strong>股票</strong>飞涨的时代。
为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>

ログイン後にコピー

span{color:blue;
}

ログイン後にコピー

<code><q>标签，短文本引用

<p>最初知道庄子，是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。
后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。</p>

ログイン後にコピー

<code><blockquote>标签，长文本引用

<blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。 戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。</blockquote>

ログイン後にコピー

使用<code> 标签分行显示文本

<h2>《咏桂》</h2><p>暗淡轻黄体性柔，<br />情疏迹远只香留。<br />何须浅碧深红色，<br />自是花中第一流。

ログイン後にコピー

为你的网页中添加一些空格

认识<code><hr>标签，添加水平横线

<code><address>标签，为网页加入地址信息

<address>
本文的作者：<a href="mailto:zhaoliangsyn@163.com">zhaolion</a></address>

ログイン後にコピー

想加入一行代码吗？使用<code><code>标签

</code>标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。<br/>如下代码：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="hljs abnf"><pre class="brush:php;toolbar:false">
    var message="欢迎";
    for(var i=1;i<=10;i++)
    {
        alert(message);
    }

ログイン後にコピー