HTML基础知识点(F1)

248 阅读2分钟

1.什么是HTML?

HTML 指的是超文本标记语言 (Hyper Text Markup Language)。

2.HTML的基本结构

声明
<! DOCTYPE html>
网页开始
<html>
           头部标签
         <head> 
                  解决中文问题的字符集编码
                <meta charset = "UTF-8">
                  网页标题
                <title></title>
         </head>
          网页主体
         <body>
              各种标签
          ((内容写在此处!!!!))
         </body>
</html>

3.HTML常用标签

【h1-h6】各级标题标签

<h1></h1>.....<h6></h6>

【p】 段落标签

  <p></p>

【a】超链接标签

<a href = "#"></a>

href : 链接地址

【img】 图像标签

<img src = " ">

src : 图片路径的地址

【br】换行标签

 <br>

【hr】水平线标签

  <hr>

4.改变HTML的样式【style】属性(即:css内联样式)

<标签 style="css样式内容"></标签>

5.文本格式化标签

【b】定义粗体文本

  <b></b>

【em】定义斜体

<em></em>

【i】定义斜体字

<i></i>

【small】定义小号字

<small></small>

【strong】加重语气

<strong></strong>

【sub】定义下标

<sub></sub>

【sup】定义上标

<sup></sup>

【ins】定义插入字

<ins></ins>

【del】定义删除字

<del></del>

【s】删除线(建议使用del)

<s></s>

【u】下划线(建议使用css)

<u></u>

【pre】预格式文本(保留原本格式)

<pre></pre>

6.定义类文本标签(了解):

【code】计算机代码

<code></code>

【kbd】键盘码

<kbd></kbd>

【samp】计算机代码样本

<samp></samp>

【var】变量

<var></var>

7.引用术语标签(了解):

【abbr】定义缩写

<abbr title="">(被缩写的内容)</abbr>

title:包含了英文短语的具体内容。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息

当鼠标放在(被缩写的内容)时,会提示title里面的内容

【address】定义地址

<address></address>

定义文档或文章的作者/拥有者的联系信息。它会斜体显示

【bdo】定义文字方向(定义双流向覆盖)

<bdo dir=""></bdo>

dir: 定义了文字的方向

【 属 性 值:ltr (默认从左到右) rtl 从右到左】

用于覆盖当前文本方向

【blockquote】定义长的引用(块引用)

<blockquote></blockquote>

所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

【q】短的引用语

<q></q>

浏览器经常在引用的内容周围添加引号。

【cite】引用、引证

<cite></cite>

表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。引用的文本将以斜体显示。 (隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。)

【dfn】定义一个定义项目(尽量少用)

<dfn></dfn>

可标记那些对特殊术语或短语的定义。还可能有助于创建文档的索引或术语表。 它会把内容变倾斜,可以使用<abbr>代替

8.WEB颜色

1.颜色值(RGB颜色)

image.png

2.颜色名

image.png

3.十六进制颜色

image.png