HTML基础学习(一)

客官°小女子只卖身不卖艺 2024-04-19 11:14 45阅读 0赞

*  # 什么是HTML：  #

html称为超文本标记语言，是一种标识性语言,它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。 HTML其实本质上是一种文本，它需要浏览器的解释。

*  # HTML基础知识： #

1.  **HTML文件的基本结构：**

2.**标题标签： <tx>..</tx>**

标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且 依据重要性递减。<h1>是最高的等级。

语法：
 <hx>标题文本</hx> (x为1-6)

![20190917171755384.png][]

**  3.段落 **

<!--属性align表示段的对齐方式，可以是left，right，center，justify>
 ...

**4.强调语气：**

有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到**或**标签。

但两者在强调的语气上有区别:** 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。**

语法：

强调内容
 
 强调内容

**5. 标签：**

这个标签并没有强调语气的意义，它的作用只是为了设置单独的样式。

例如：

为了追寻他的美国梦，他搬入纽约附近一海湾居住。

显示如下：

![20190917173215142.png][]

**6.短文本引用：当在文本中需要引用别人的话 这个时候需要加</q><q>** 
     注意：要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。

<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：**引用别人的话。**

长文本引用：   <blockquote></blockquote>

**7.特殊符号使用：**

<table> 
 <tbody> 
 <tr> 
 <td>符号</td> 
 <td>意义</td> 
 <td>用法</td> 
 </tr> 
 <tr> 
 <td>&lt; br &gt;</td> 
 <td>分行显示文本 ，相当于word中的回车&nbsp; 但是为什么要用这个标签 不直接在html中使用回车？ 在 html 中是忽略回车和空格的，你输入的再多回车和空格也是显示不出来的。</td> 
 <td>&lt;body&gt; &lt;h1&gt;感悟梦想&lt;/h1&gt; 来源：作文网 &lt;br&gt; 作者：为梦想而飞&nbsp; &lt;/body&gt;</td> 
 </tr> 
 <tr> 
 <td>&amp;nbsp</td> 
 <td>空格： &amp;nbsp； 代表一个空格</td> 
 <td> &lt;body&gt; &lt;h1&gt;感悟梦想&lt;/h1&gt; 来源：作文网&amp;nbsp;&amp;nbsp;作者：为梦想而飞 &lt;/body&gt; </td> 
 </tr> 
 </tbody> 
</table>

** 8.代码标签： <code></code> **

注意：

注意：在文章中一般如果要插入多行代码时不能使用<code>标签了

如果是多行 可以用<pre></pre>

[20190917171755384.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/9d68669f349a44e4848646babc10a88a.png
[20190917173215142.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/2f894c0e12c44d57b9d802cb97f4a442.png