热门关键字:
jquery > jquery教程 > jquery教程 > HTML基础标签及案例

HTML基础标签及案例

287
作者:管理员
发布时间:2021/3/1 14:44:01
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4036
  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级从h1到h6,数字越小标题越大,默认加粗占一行;


  块级标签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




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐