温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Web-html中的常用标签有哪些

发布时间:2022-03-10 13:44:21 来源:亿速云 阅读:168 作者:小新 栏目:web开发

这篇文章将为大家详细讲解有关Web-html中的常用标签有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  HTML:Hyper Text Markup Language 超 文本标记语言

  用于书写在页面上可以直接被浏览器解析执行的语言(标签)

  通过固定的标签进行相应功能的实现

  使用根标签进行文件的书写之后再根标签中书写相应的二级或多级标签实现相应页面的书写

  html标签

  html标签是文档的根标签

  head标签

  页面的头部分可以包含页面的标题、文件MIME类型、样式表、脚本等

  title标签

  设置文档的标题

  body标签

  html文档的主体部分,放置需要呈现给用户的内容

  主要功能:为页面提供相应的信息,提供页面相应的功能

  一般不会进行meta标签的使用

  h2——h7 数字越大 展示效果越小

  用于分割页面内容并换行

  用于水平分割上下内容,水平线标签占用一行,所以自带换行,自带行间距

  在html中无论多少个空格与回车在进行页面解析时都会解析为一个空格,如果需要将页面书写的内容进行换行则需要使用相应的换行标签,如果需要书写空格则需要相应的转义字符

  单标签

  在html中所有标签基本是以起始标签结束标签中间包裹内容进行书写,但是有一些特殊的标签,其中无需进行内容包裹则可以使用单标签的形式进行书写例如换行标签<br/>, 一般在最后书写/进行标识

  无特殊含义用于将书写好的标签进行包裹

  div

  span

  有序列表

  在指定数据前自动添加有序数字

  无序列表

  使用符号进行每行的标识

  自定义列表

  自定义标签标题与内容

  超链接是网页中比较醒目的一段文本或一个图标,只要用鼠标单击超链接,浏览器就会打开超链接所指向的网页,从一个网页跳转到另一个网页。

  1、href : 规定链接指向的页面的 URL;

  2、target : 规定在何处打开链接文档:

  (1)_top : 默认值,表示在当前窗口

  ( 2 ) _blank : 在新窗口

  3、title : 规定关于元素的额外信息:

  这些信息通常会在鼠标移到元素上时显示一段工具提示文本。

  设置锚点

  跳转锚点

  1、src:规定显示图片的URL(图片地址/图片存放的位置)

  相对地址:(1) 相对当前文档的位置来给引用的资源定位”&hellip;/”表示返回上一级目录

  (2) 相对站点根目录的位置来给引用的资源定位一定是以”开始

  2、alt:显示替换文本。在浏览器无法载入图像时,通过此属性对用户进行信息提示。

  3、width、height : 可选属性

  将数据以表格形式进行展示,一般与其表格相应标签一起使用

  table:表格标签的根标签包裹其他表格标签

  tr:表格行标签包裹当前行拥有的列标签

  th:表格标题标签,书写在表格首行用于表格内容书写

  td:表格表格,包裹每个表格实际数据

  colspan:当前单元格所占行数

  rowspan:当前单元格所占列数

  将数据以表单形式进行展示

  form表单根标签,用于标识所有表单标签

  input输入框标签,在表单中根据type不同拥有不同的功能

  action用于表单提交,将表单中书写的数据以name=value的形式提交至指定路径

  methid用于表单提交方式get/post 数据提交方式

  属性说明type此属性指定表单元素的类型。可用的选项有:text, password, checkbox, radio,submit, reset, file, hidden, image和button。默认选择为textname此属性指定表单元素的名称。例如,如果表单上有几个文本框,可以按名称来标识它们,如textl, text2等。名称属性的作用域为form元素内value此属性是可选属性,它指定表单元素的初始值。size此属性指定表单元素的初始宽度。如果type为text或password,则表单元素的大小以字符为单位。对于其他输入类型,宽度以像素为单位maxlength此属性用于指定可在text或password元素中输入的最大字符数。默认为无限大

关于“Web-html中的常用标签有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI