文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

HTML的作用是什么

2024-04-02 19:55

关注

这篇文章主要介绍了HTML的作用是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

  html是一个超文本标签语言,超文本意味着,它什么都能放,包括文本,声音,图片视频等等

  首先,html要有元素,也就是标签类似于< p >< /p>这种,这是双标签意味着它是成双成对出现的,在两者之间可以写内容,如果只有其中一个,那么恭喜你,代码写错了。

  同样也有< img />这种单标签,只用写一个的元素

  在写好标签后,有时还要给它一些属性,

  例如:id:这个属性类似于身份证号,不要取重复的值

  class:这个标签类似于分组,将有相同需求的标签分成一组

  title:当鼠标悬停在当前标签内容上是会显示的内容

  style:这是给标签样式,就是大小颜色等

  以上是html标签的统一基本结构,一般而言,在编写html的工具中会自动生成这些代码,如果没有,请通过快捷方式或者手写输入

  最上面的带!的标签是告诉浏览器遵循那种规范,默认为H5的规范

  html是根标签包含所有内容

  head是表示头部信息

  meta标签表示描述信息,里面写的charset是字符集,也就是阅读方式为utf-8,这是可以读出中文的字符集,当然还有很多其他的字符集,

  title是网页的

  如:

  里面的百度一下就是title

  body里面写的是网页的主题,也就是我们看到的网页中显示的内容

  一般有:

  h:有h2到h7,是双标签一般用来写,内容会大号加粗

  p:双标签,用来给内容分段

  hr:可以在网页中显示一条分割线

  strong:将字体加粗

  em:显示斜体

  u:给内容下划线

  del:在文字正中加横线,表示删除

  br:很重要,用来换行,单标签< b />

  font:字体的标签,用来设置字体属性

  img:图片标签,用法< img src"图片路径" width=""(图片宽) height=""(图片长)>

  a:链接标签,用法< a herf=“网页地址”>可以写内容< a />点击后进行网页跳转

  ol/li:有序列表,写法:

  ul/li:无序列表,写法与有序列表类似:

  div:盒子标签,一般用来做页面布局,用来包裹其他标签

  table/tr/td:表格标签,用法:

  table的属性:

  border:这是设置表格额度线宽与颜色等样式

  cellpadding:表示边框跟单元格内容的间距

  cellspacing:表示表框跟边框之间的间距距离

  align:表示表格在网页中水平的对齐方式

  width:表示宽度,可以是像素,也可以是百分比

  height:表示高度,单位像素

  tr的属性;同样可以设置宽高,也可以用

  align表示单元格内容在水平方向上的对齐方式

  valign表示单元格内容在竖直方向上的对齐方式

  td的属性:

  rowspan:表示跨行,但是要将不同行被覆盖的td标签删除

  colspan:表示跨列,同样将同一行被覆盖的td标签删除

  还有form表单:这一般是用来提交页面数据的

感谢你能够认真阅读完这篇文章,希望小编分享的“HTML的作用是什么”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!

阅读原文内容投诉

免责声明:

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

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

软考中级精品资料免费领

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

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

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

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

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

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

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