温馨提示×

温馨提示×

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

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

HTML的基础标签有哪些

发布时间:2022-02-25 17:15:29 来源:亿速云 阅读:139 作者:iii 栏目:web开发

今天小编给大家分享一下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的基础标签有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

向AI问一下细节

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

AI