HTML常用的标签有哪些及如何使用

今天小编给大家分享一下HTML常用的标签有哪些及如何使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

浏览器

• 浏览器也是一个客户端

#这是一个服务器，我们通过浏览器就可以访问的到服务器发送的"hello"import socketsk = socket.socket()sk.bind(('127.0.0.1',8080))sk.listen(5)while True:    conn,addr = sk.accept()    data = conn.recv(1024)    conn.send(b"HTTP/1.1 200 ok\r\n\r\n")  #必须要加上这一句，不然浏览器不认识    conn.send(b"hello")    conn.close()

• 浏览器不通过服务端也可以渲染文本

HTML

什么是HTML

HTML全称HyperText Markup Language，超文本标记语言，是一种描述性的标记语言。

• 超文本：音频、视频、图片

• 标记：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。

HTML的作用

负责描述文档语义的语言

编写HTML的规范

1）所有标记元素都要正确的嵌套，不能交叉嵌套。eg：

2）所有标记都必须小写

3）所有标记都必须关闭

• 双标签：

• 单标签：

4）所有属性值必须加引号。eg：

5）所有属性必须有值：首页

HTML结构

用pycharm新建一个HTML文件，文件会自动生成如下代码的一个HTML模板

HTML常用标签

head内常用标签

基本标签

meta标签

body内常用标签

基本标签

加粗斜体下划线删除
段落标签，写在这个标签内的东西就是一个段落
1号标题
2号标题
3号标题
4号标题
5号标题
6号标题

特殊字符

 ><&¥©®

div标签和span标签

div标签:
    
span标签:    **块级标签与内联标签的区别**块级标签：另起一行开始渲染元素内联标签：不需要另起一行如果单独在网页中插入这两个元素，不会对页面产生任何的影响，他们是专门为定义CSS样式而生的

注意：

? 块级标签可以嵌套内联标签或者某些块级标签

? 内联标签不能嵌套块级标签

? ==p标签不能嵌套块级标签，也不能嵌套p标签==

img标签

a标签

a标签又叫做超链接标签

所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序

我们就先拿另一个网页举例

href属性指定目标网页地址。该地址可以有几种类型：绝对URL - 指向另一个站点（比如 href="http://www.jd.com）相对URL - 指当前站点中确切的路径（href="index.htm"）锚URL - 指向页面中的锚（href="#top"）

点我会跳转哦！点我会跳转哦！点我会跳转哦！点我回到加粗点我转到这个网页哦！

列表

    
第一项
    
第二项
    
第三项

type属性：

• type="disc"(实心圆点，默认值)

• type="circle"(空心圆圈)

• type="square"(实心方块)

• type="none"(无样式)

    
第一项
    
第二项
    
第三项

type属性：

• 1 数字列表，默认值

• A 大写字母

• a 小写字母

• Ⅰ大写罗马

• ⅰ小写罗马

start属性：

start="3"只能写数字，表示从第3个开始

    
标题1
        
内容
    
标题2
        
内容1
        
内容2

表格

    
    
        
序号
        
姓名
        
爱好
    
    
    
        
1
        
yjy
        
跳舞
    
     
        
2
        
wwb
        
唱歌
    

属性：

• border: 表格边框 eg：border="6"

• cellpadding: 内边距 eg：cellpadding="8"

• cellspacing: 外边距 eg：cellspacing="2"

• width: 像素 百分比 eg：width="100%"

以上这些属性要在

• rowspan: 单元格竖跨多少行（上下合并单元格） eg：rowspan="3"

• colspan: 单元格横跨多少列（左右合并单元格） eg：colspan="2"

以上这些属性要在

中设置 HTML标签速记 块级标签 标题 h2 h3 h4 h5 h6 h7 列表 ul ol li dl dt dd 排版标签 p div hr center pre 表格 table 表单 form 内联标签 字体 b i sup sub u 排版 span br 超链接 a 图片 img 补充 文本级标签：p、span、a、b、i、u、em。 容器级标签：div、h系列、li、dt、dd 以上就是"HTML常用的标签有哪些及如何使用"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。 很赞哦！ 标签 属性 标题 网页 标记 内容 表格 常用 文件 浏览器 浏览 一行 单元 样式 知识 篇文章 位置 元素 图片 姓名 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 信息网络安全无安全事故 免费网站服务器安全软件下载 为什么手机经常是无法连接服务器 用友sql附加数据库 非互联网高科技类公司 私有云平台服务器 电子处方软件开发官方平平台 无服务器架构需要长期维护吗 中国联想电脑服务器 普通人学软件开发有前途吗 怎样增大网络技术的拥有程度 网络安全及如何应对 金融市场软件开发 怀旧服数据库不准 教师资格面试考官数据库 网络安全宣传活动方案记录表 数据库分析怎么做 java数据库结构文件 管理员目前有三台服务器 舒城百事通网络技术有限公司 深圳服务管理软件开发 虚拟服务器管理架构 将xlsx文件导入数据库文件中 青岛商城软件开发外包公司 olap数据库 选择 ftp 服务器上传 武汉做淘客软件开发 传奇能不能更改数据库 北京收银软件开发公司 有关网络安全的英文文章 扫描关注千家信息网微信公众号，第一时间获取内容更新动态 转载请说明来源于"千家信息网" 本文地址：https://www.qianjiagd.com/a237657 上一篇 PHP Warning:fopen出错如何解决 这篇文章主要介绍"PHP Warning:fopen出错如何解决"，在日常操作中，相信很多人在PHP Warning:fopen出错如何解决问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法 下一篇 怎么使用Dubbo异步处理 这篇文章主要介绍"怎么使用Dubbo异步处理"，在日常操作中，相信很多人在怎么使用Dubbo异步处理问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"怎么使用Dubbo异步 相关文章 PHP中session会话操作技巧有哪些 PHP类相关知识点有哪些 VS2008无法直接查看STL值怎么办 php版微信公众平台之微信网页登陆授权的示例分析 中高级PHP程序员应该掌握什么技术 CI框架出现mysql数据库连接资源无法释放怎么办 ajax跨域访问报错501怎么办 什么是RPC框架 .net mvc超过了最大请求长度怎么办 php分页原理的示例分析 0