小白自学之路---html常用标签

来源：互联网发布：叮叮办公软件编辑：程序博客网时间：2024/06/10 05:34

网站的学习分为三部分

前端
后台
数据库

前端

html构造内容
css构造外观
JavaScript构造动作

HTML是什么?

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML文档

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容:

<html><head></head><body></body></html>

网页基本组成：

html标签：HTML 文档，相当于人这个整体
head标签：HTML 文档的头部，相当于人的头部
body标签：HTML 文档的主体，相当于人的身体，

HTML标签注意事项

不要忘记结束标签，空标签也需要结束标签
HTML 代码中的所有连续的空行（换行）也被显示为一个空格

html常用标签

p 、hn、 br a img hr 注释标签

p标签：<p>段落标签</p>
段落标签
a标签：<a href="https://www.baidu.com/" target="_blank">百度一下</a>百度一下
img标签：
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif"/>
hr标签：<hr/>
br标签：<br/>
注释：
- hn标签：<h1>标题1<h1>...<h6>标题6<h6>
  标题1
  …
  标题6

b、 i、 u、 s、 sup 、sub标签

html文本格式化详解
- b标签：<b>粗体</b>粗体
- i标签：<i>斜体</i>斜体
- u标签：<u>下划线</u>下划线
- s标签：<s>删除线</s>~~删除线~~
- sup标签：<span>上标<sup>2</sup></span>上标²
- sub标签：<span>下标<sub>2</sub></span>下标₂

列表标签

ol>li标签：<ol><li>有序列表</li></ol>
1. 有序列表
ul>li标签：<ul><li>无序列表</li></ul>
- 无序列表
dl>dt+dd：定义列表：
<dl> <dt> 标签定义了定义列表中的项目（即术语部分）。(dt：项目)</dt> <dd> 在定义列表中定义条目的定义部分。(dd：项目的内容)</dd> </dl>

标签定义了定义列表中的项目（即术语部分）。(dt：项目)

在定义列表中定义条目的定义部分。(dd：项目的内容)

pre 、html转义、abbr标签

pre标签：<pre>预定义文本标签(可以保留文本的空格和换行)</pre>
```
    1233  15 
```
html转义：<html> <html>浏览器不会显示html标签，只有通过转义才能显示出来
abbr标签：<abbr title="鼠标停留在内容上时显示的内容">我是内容</abbr>
鼠标停留可以观察

table标签

table标签：表格详述链接
<table border="1"> <tr> 表格行 <th>Month</th> 表格头 <th>Savings</th> </tr> <tr> <td>January</td>表格单元 <td>$100</td> </tr> </table>

Month Savings January $100

标题

未完待续

0 0