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安全错误 数据库的锁怎样保障安全 手冲咖啡和咖啡机区别 互联网科技公司起名 苏州找大状互联网科技有限公司 为想互联网科技怎么样 圆梦互联网科技 互联网品科技 贷财互联网科技 朗涯互联网科技 南京欣网互联网科技 科技互联网创业计划书 海南购全球互联网科技 卫星互联网科技股票 顶级互联网科技成果有哪些 互联网科技大奖都有哪些公司 互联网科技和信息 工业互联网等科技实现智能化赋能 南博望互联网科技有限公司 山东有哪些互联网科技公司 上海创道互联网络科技有限公司 众联互联网络科技 互联网科技论文 互联网科技生活的内容 科技赋能互联网健康 阿里巴巴算科技企业还是互联网 互联网科技项目计划书材料类 佛山市翊博互联网络科技有限公司 深圳艾果互联网通讯科技 区块链结合互联网科技 梅州GM互联网络科技有限公司 小牛互联网科技有限公司地址 扫描关注千家信息网微信公众号，第一时间获取内容更新动态 转载请说明来源于"千家信息网" 本文地址：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