热门关键字:
jquery > jquery教程 > jquery教程 > HTML的一些基础知识和H5新增的标签

HTML的一些基础知识和H5新增的标签

437
作者:管理员
发布时间:2021/2/24 18:07:34
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4003
  语法规则:


  1、不区分大小写


  2、固定标签


  3、标签成对出现,单标签


  4、标签可以嵌套使用


  5、属性的值必须使用双引号


  HTML中属性,一般不建议使用,如:


  属性名称固定,属性的值都需要使用双引号


  网页中颜色:


  1、rgb(r,g,b)


  2、#xxxx


  3、英文单词


  网页中单位:


  1、数字或数字px


  2、数字%:占用屏幕的比例


  网页中注释


  路径:


  1、相对路径


  不带盘符的路径,相对,一般都是相对当前项目


  2、绝对路径


  带盘符的路径,又叫物理路径


  一、文档标签:


  1、<!DOCTYPE> 该标签告知浏览器文档所使用的 HTML 规范


  2、标签告知浏览器这是一个 HTML 文档。


  html 元素是 HTML 文档中最外层的元素。


  html 元素也可称为根元素


  3、不会出现在网页正文中


  4、出现在可以标记编码格式、刷新、作者、描述、搜索关键字等


  5、网页正在内容


  常用标签都是出现在中


  二、文字标签


  1、出现在中,网页标题


  2、标题,从1-到6逐渐变小


  3、 规定文本的字体、字体尺寸、字体颜色


  三、列表标签


  1、无序标签,前面没有序号,属性:type:可以更改列表签名的符号


  2、列表中元素标签


  3、有序标签,前面有序号,属性:start:起始的值,type:类型,数字、字母等


  四、块标签


  1、行内块标签


  2、段落,默认换行


  3、块,将网友分割成若干部分,常用属性:align:对齐方式,left\right\center


  五、表格标签


  1、表格,一般有行和列组成


  常用属性:


  1、width:宽度


  2、border:边框的宽度


  3、bgcolor:背景色


  4、cellspacing:表格之间的间距–外边距


  5、cellpadding:表格内容的间距–内边矩


  2、:行,内部只能出现或<


  常用属性:


  1、align:对齐方式,内部元素的对齐


  3、列的标题,出现在tr中,表头单元格


  4、列,数据单元格


  常用属性:


  1、colspan:跨列,切记要包含自己


  2、rowspan:跨行


  th和td的区别?


  th就是内部文字:加粗、居中


  td内部文字正常。居左


  5、表格的标题


  6、表格的头部,一般内部存放


  7、表格的内容,一般存储数据


  8、表格的底部


  六、表单标签


  1、:表单标签,可以搜集用户的信息并提交给指定的服务器


  2、:用户输入标签


  常用属性:


  1、type:类型


  取值:


  text:文本框


  password:密码框


  checkbox:复选框,可以选择多个


  radio:单选框,只能选择其一,但是要求拥有相同的name


  button:按钮


  submit:提交,结合表单,将表单内的数据提交给action


  reset:重置,结合表单,清空表单的内容


  2、name:为当前的标签命名,将来获取标签数据时,会用到


  3、class:为当前标签起个类名,主要用在CSS中


  4、value:值,标签的值,主要用在按钮上


  5、checked:是否选中,h4支持checked,h5支持true或false


  3、:下拉框,实现多个元素的单选或复选,需要结合使用


  标签会默认显示其所包含的标签中第一个的内容


  常用属性:


  multiple:是否多选


  name:名称


  disabled:是否可用


  4、文本域,可以输入多行和多列数据


  常用属性:


  1、rows:行数


  2、cols:列数


  七、图像&超链接标签


  1、图片


  常用属性:


  1、alt:鼠标进入时的文字


  2、src:加载的图片路径


  3、width:设置图片的宽度


  4、height:设置图片的高度


  2、超链接标签,可以跳转到指定的(可以是相对路径的本地文件)


  常用属性:


  1、href:要打开的路径


  2、name:名称


  八、框架标签


  1、框架集合标签,主要用来包括框架的标签


  常用属性:


  1、cols:内部框架按照宽进行排布


  2、rows:内部框架按照高度进行排布


  2、框架,引用其他网页


  常用属性:


  1、src:要加载的路径


  2、scrolling:滚动条的样式,取值:yes 、no 、auto


  九、HTML的特殊字符


  1、


  2、


  3、空格


  4、版本编号 ——?


  十、H5新增标签


  1、视频,可以在网页播放视频


  格式:


  2、音频


  autoplay 自动播放


  controls 是否显示默认播放控件


  loop 循环播放


  width 设置播放窗口宽度


  height 设置播放窗口的高度


  3、画布,切记画布需要结合js使用


  4、


  定义页面的头部 页眉


  定义导航栏


  定义 页面底部 页脚


  定义文章


  定义区域


  定义其所处内容之外的内容 侧边


  5、新增的input type属性值:


  email


  输入邮箱格式


  tel


  输入手机号码格式


  url


  输入url格式


  number


  输入数字格式


  search


  搜索框(体现语义化)


  range


  自由拖动滑块


  time


  小时分钟


  date


  年月日


  datetime


  时间


  month


  月年


  week


  星期 年


  6、fieldset 元素可将表单内的相关元素分组,打包 legend 搭配使用


  标签


  form表单的get提交和post提交的区别


  HTTP协议的get请求和postde 区别


  get:得到,将传递的参数随着url进行传输


  特点:


  1、大小有限制


  2、不安全,拼接url


  3、中文乱码,url编码为ISO-8859-1(不支持中文)


  4、效率高


  post:传输,将传递的参数以流的形式传输


  特点:


  1、大小无限制


  2、安全


  3、乱码好解决


  4、效率低


  十一、其他标签


  1、换行


  2、分割线


  3、一个空格




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



关键字:jquery
友荐云推荐