文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-04-02 19:55

关注

这篇文章将为大家详细讲解有关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中的常用标签有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯