文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

HTML的基础标签有哪些

2024-04-02 19:55

关注

今天小编给大家分享一下HTML的基础标签有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

  HTML:Hyper Text Markup Language(超文本标记语言);是一门用户创建网页文档的标记语言,网页本身是一种文本文件,在文本文件中添加标记符。HTML是用来创建网页的标记语言,HTML标记的内容是用浏览器来解析的;所见即所得!

  1、简易性:超文本标记语言的版本升级采用的超集方式,更加方便灵活;

  2、可扩展性:超文本标记语言采取的子类元素的方式,为系统扩展带来保证;

  3、平台无关性:只要有浏览器就行;

  4、通用性:HTML是网络的通用语言,一种简单、通用的标记语言;

  HTML标签通常是成对出现的,有开始标签,有结束标签,称为对标签。没有结束标签的为空标签;

  HTML标签都长都有属性,格式:属性名 = “属性值” 属性名 = “属性值”。多个属性用空格间隔;

  HTML标签不区分大小写,建议小写;

  HTML文件后缀名为html或htm;

  属性:

  color:文本的颜色

  bgColor:背景色

  background:背景图片

  颜色的表示方式:

  颜色名称 red blue green yellow orange

  RGB模式 #000000 #ffffff #325687

  属性:

  width:水平线的长度(两种:像素表示。第二种:百分比显示)

  size:水平线的粗细(一般给个位数如 6px)

  color:水平线的颜色

  align:水平线的对齐方式(left、center、right)

  共有6级从h2到h7,数字越小标题越大,默认加粗占一行;

  块级标签div : 独占一行,自带换行;行级标签span : 所有内容都在同一行;

  作用:

  块级标签div主要是结合css做页面分块布局;行级标签span主要进行友好提示信息的显示;

  无序列表

  ul(unorder list)

  ul是无序列表,默认标识为实心圆 disc

  circle 空心圆

  square 黑色方块

  有序列表

  ol(order list)

  ol是有序列表,默认标识为阿拉伯数字 1

  a A 字母字典顺序

  i I 罗马数字

  定义列表

  dl(defination list)定义列表

  dt(defination title)定义标题

  dd(defination description) 定义描述

  img 独立标签

  属性:

  src 图片地址 width 图片的宽度 height 图片的高度 border 边框 alt 图片的文字说明 当图片未能正确加载时,才显示? title 鼠标悬停时,显示的文字

  超链接可以是文本也可以是图片,可以点击链接标签,进入新的文档,或者是当前文档中的某个部分;a标签

  属性:

  href="跳转的地址"跳转外网需要添加协议target:_self(当前文档)

  _blank(新页面,会一直打开新的)

  _search 之前打开的页面存在,则不打开新的页面,直接复用

  name 充当锚点(顶部、底部)需要为标签提供name属性,进行赋值

  需要点击跳转的标签href属性给 #name

  表格由table标签来定义,每个表格均有若干行(由tr标签定义行),每行由若干个单元格组成(由td标签来定义);

  table属性:

  默认没有边框体现border:边框的宽度bordercolor:边框的颜色cellspacing:单元格的间距cellpadding:单元格与内容的间距width:宽度height:高度align:控制表格的对齐方式 left center right

  td的属性:

  align:控制的单元格内容的对齐方式 left center rightvalign:控制单元格内容的垂直对齐方式 top middle bottom

  普通表格

  table tr td

  表格的表头

  th:默认居中字体加粗;

  表格的列合并

  colspan

  表格的行合并

  rowspan

以上就是“HTML的基础标签有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

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

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

软考中级精品资料免费领

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

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

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

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

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

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

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