广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >总结HTML相关知识
  • 372
分享到

总结HTML相关知识

2024-04-02 19:04:59 372人浏览 八月长安
摘要

这篇文章主要介绍“总结html相关知识”,在日常操作中,相信很多人在总结HTML相关知识问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”总结HTML相关知识”的疑惑有所帮助!接

这篇文章主要介绍“总结html相关知识”,在日常操作中,相信很多人在总结HTML相关知识问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”总结HTML相关知识”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1.什么是HTML?

  • HTML 是用来描述网页的一种语言,指的是超文本标记语言: HyperText Markup Language;

  • HTML 不是一种编程语言,而是一种标记语言;

  • HTML文档也叫做 WEB 页面;

2.HTML基本结构

  • <!DOCTYPE html>:文档声明;

  • <html>:HTML 页面的根元素;

  • <head>:用于定义文档的头部,是所有头部元素的容器

  • <meta>:提供有关页面的元信息,位于文档的头部,不包含任何内容;

  • <title>:文档的标题;

  • <body>:定义文档的主体,包含文档的所有内容;

3.HTML标签使用?

  • HTML 标签是由尖括号包围的关键词,且通常是成对出现的如<a></a>,当然也有单个的,只不过比较少如<hr>

  • 标签对中的第一个标签表示开始标签,第二个标签表示结束标签;

4.HTML常用标签介绍

除了HTML基本结构的几个标签以外,HTML还有一些比较常用的基本标签;

(1)文本标签:

  • h2-h7:用于定义标题,h2为最大标题,h7为最小标题;

  • p:定义段落;

  • span:组合文档中的行内元素;

  • br:换行;

  • hr:水平线;

  • strong/b:加粗文字;

  • em/i:斜体;

  • u:下划线;

  • `s:删除线;

  • pre:定义预格式化的文本,保持原有格式;

  • sub:下标;

  • sup:上标;

  • blockquote:块引用;

(2)布局标签:

  • div:定义文档中的分区或节,把文档分割为独立的、不同的部分;

  • header:定义页面的头部;

  • aside:用作文章的侧栏;

  • section:定义文档中的节;

  • footer :定义文档或节的页脚,通常包含文档的作者、版权信息、使用条款链接、联系信息等;

  • article:规定文章独立的其他内容,如标题、内容、评论;

(3)多媒体标签:

  • img:用于在网页中插入图像;

  • audio:定义声音,比如音乐或其他音频流;

  • video:定义视频,比如电影片段或其他视频流;

(4)超链接标签:

  • a:定义超链接,指定页面间的跳转;

(5)序列化标签:

  • ul:定义无序列表;

  • ol:定义有序列表;

  • li:定义列表项目,可用在无序列表ul和有序列表ol中;

  • dl:定义了定义列表;

  • dt:定义了定义列表中的项目(即术语部分);

  • dd:在定义列表中定义条目的定义部分;

(6)表格标签:

  • table:定义 HTML 表格;

  • tr:定义表格的行;

  • td:定义表格的单元;

  • th:定义表头;

  • caption:定义表格标题;

  • col:为表格中一个或多个列定义属性值;

  • colgroup:用于对表格中的列进行组合,以便对其进行格式化;

  • thead:定义表格的表头;

  • tbody:表格主体,也就是正文部分;

  • tfoot:定义表格的页脚(脚注或表注);

(7)表单标签:

  • fORM:用于为用户输入创建 HTML 表单;

  • input:用于搜集用户信息;

  • button:定义一个按钮;

  • select:创建单选或多选菜单;

  • option:定义下拉列表中的一个选项;

  • textarea:定义多行的文本输入控件;

  • label:为 input 元素定义标注(标记);

  • fieldset:用于将表单内的相关元素分组;

  • legend:为 fieldset 元素定义标题;

5.HTML注意事项

  • HTML文件当以后缀名为 .html 或 .htm 来命名;

  • HTML标签和属性是不区分大小写的,建议HTML标签和属性都小写,属性值必须用双引号包围;

  • HTML标签都是以开始标签起始,以结束标签终止;

  • HTML标签之间尽量缩进与换行,每行代码不要过长,方便阅读和维护;

  • HTML标签使用必须符合标签嵌套规则,如禁止a标签嵌套a标签,p标签嵌套div标签等;

  • 建议不使用HTML已经废弃的或者不赞成使用的标签,少使用table布局、iframe框架嵌套以及flash播放器;

到此,关于“总结HTML相关知识”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: 总结HTML相关知识

本文链接: https://www.lsjlt.com/news/85608.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 总结HTML相关知识
    这篇文章主要介绍“总结HTML相关知识”,在日常操作中,相信很多人在总结HTML相关知识问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”总结HTML相关知识”的疑惑有所帮助!接...
    99+
    2022-10-19
  • HTML相关知识点总结
    目录简介HTML文档和网页的关系呢?HTML的标签样子?HTML基本概念标签元素属性注释编码规则HTML常用元素标题段落链接跳转页面:跳转锚点图片列表有序列表无序列表定义列表表格块表...
    99+
    2022-11-12
  • Android Insets相关知识总结
    目录什么是Insets?Insets相关类InsetsStateInsetsStateControllerInsetsSourceInsetsSourceConsumer(ImeIn...
    99+
    2022-11-11
  • Spring Cache相关知识总结
    简介  Spring 从 3.1 开始定义了 org.springframework.cache.Cache 和 org.springframework.cache.Cac...
    99+
    2022-11-12
  • MySQL 日志相关知识总结
    数据库中用于存储数据的文件称为data file,日志文件称为log file。此外,如果每次读写都是直接访问磁盘,性能很差,所以数据库是有缓存的,数据缓存是data buffer,日志缓存log buffer。 s...
    99+
    2022-05-21
    MySQL 日志
  • MySQL 锁的相关知识总结
    MySQL中的锁 锁是为了解决并发环境下资源竞争的手段,其中乐观并发控制,悲观并发控制和多版本并发控制是数据库并发控制主要采用的技术手段(具体可见我之前的文章),而MySQL中的锁就是其中的悲观并发控制。 MySQ...
    99+
    2022-05-14
    MySQL
  • MySQL权限相关知识总结
    本篇内容主要讲解“MySQL权限相关知识总结”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“MySQL权限相关知识总结”吧! 一.权限表 mysql中的3个权...
    99+
    2022-10-18
  • Android字体相关知识总结
    目录一、Android 默认字体介绍二、textStyle三、typeface四、fontFamily 五、textStyle,typeface,fontFamily 三者...
    99+
    2022-11-12
  • MySQL 慢日志相关知识总结
    目录  1.慢日志简介  2.慢日志实战  1.慢日志简介 慢日志全称为慢查询日志(Slow Query Log),主要用来记录在 MySQL 中执行时间超过指定时间的 SQL 语句。通...
    99+
    2022-05-22
    MySQL 慢日志
  • Redis 事务知识点相关总结
    目录01 事务简介02 命令错误导致的事务提交失败,所有命令都不执行03 运行时错误导致数据错误04 丢弃事务05 watch命令06 总结Redis中的事务介绍  &nb...
    99+
    2022-11-11
  • java类加载相关知识总结
    目录类加载器代码示例ClassLoader 中的两个方法类加载器 类加载器作用 负责将.class文件(存储的物理文件)加载到内存中 类加载器过程 加载:通过...
    99+
    2022-11-12
  • Java与Mysql锁相关知识总结
    目录锁的定义锁的实现JVM中的锁synchronizedReentrantLockMysql 锁共享锁(S) 与排它锁(X)作用范围意向锁作用范围记录锁间隙锁Next-Key Loc...
    99+
    2023-05-16
    Java与MySQL中的锁 Java中使用Mysql数据库实现锁 java mysql锁实现
  • 总结Python变量的相关知识
    一、变量的定义 程序中,数据都是临时存储在内存中,为了更快速的查找或使用这个数据,通常我们把这个数据在内存中存储之后,给整个数据定义一个名称,这个名称就是变量。 变量就是在存储数据...
    99+
    2022-11-12
  • 云服务器相关知识点总结
    云服务器是一种虚拟的、服务器化的服务,可以提供按需使用、按量计费的服务,可以实现弹性扩展、自动负载均衡、快速响应、高可靠性等一系列功能,是许多企业和开发者的重要选择。以下是一些云服务器相关的知识点总结: 什么是云服务器:云服务器是一种通...
    99+
    2023-10-26
    知识点 服务器
  • Mysql相关知识总结-持续更新~~~
         2019-12-11对varchar类型排序问题的解决 在mysql默认order by 只对数字与日期类型可以排序,但对于varchar字符型类型排序好像没有用了,下面我来给各位同学介绍varchar类型排序问题如何解决。 现象...
    99+
    2019-06-22
    Mysql相关知识总结-持续更新~~~
  • JavaScript数据类型相关知识总结
    本篇内容介绍了“JavaScript数据类型相关知识总结”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!js...
    99+
    2022-10-19
  • SpringMVC 参数绑定相关知识总结
    目录1. 简单参数绑定2. 对象参数绑定3. 参数绑定解析总结请求进入DispatcherServlet的doDispatch后,获取HandlerMethod。然后根据Handle...
    99+
    2022-11-11
  • SpringMVC数据输出相关知识总结
    一、数据输出 SpringMVC将数据携带给页面的储存工具,有三种,map,ModelMap,model,它们在底层实质还是使用到了BindingAwareModelMap,对数据进...
    99+
    2022-11-12
  • Java并发容器相关知识总结
    目录一、并发容器1.1 JDK 提供的并发容器总结1.2 ConcurrentHashMap1.3 CopyOnWriteArrayList1.3.1 CopyOnWriteArra...
    99+
    2022-11-12
  • Pyhton模块和包相关知识总结
    目录一、模块二、模块的搜索顺序三、使模块下方的测试代码在导入时不会执行四、包五、发布模块六、安装模块七、卸载模块八、pip 安装第三方模块一、模块 每一个以扩展名 py 结尾额 Py...
    99+
    2022-11-12
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作