热门关键字:
jquery > jquery教程 > jquery教程 > 浅谈HTML标签

浅谈HTML标签

305
作者:管理员
发布时间:2021/3/6 14:30:32
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4113
  1.基本结构:


  2.页面编码:(默认)iso-8859-1


  常见的字符集(charset):gb2312、gbk、utf-8


  3.注释:


  作用:


  注释不需要的代码解释代码的意思


  4.标签两种写法:①自闭合②对标签


  一、常用标签分为以下几大类:行内元素、行内块元素、块元素


  1.行内元素:默认按行显示,没有宽高,且不能设置宽高,实际宽高由内容决定


  其有以下几个标签(常见举例):a标签、span标签、em标签、strong标签、br标签、label标签


  ①a标签:


  超链接


  目标资源地址:URL统一资源定位符;


  target一般有三个:_self:覆盖当前页面;_blank:打开新页面;_parent:覆盖父级窗口


  锚链接


  ②span标签:


  ③em标签:斜体字


  ④strong标签:字体加粗


  ⑤br标签:换行(两种写法)


  ⑥label标签:为input元素定义标注(标记)。一般用在单选按钮及复选框。通俗来说,使用该标签后,你点击单选按钮或复选按钮的提示内容(文本)也是可以选中的。


  2.行内块元素:默认按行显示,有宽高,也可以设置宽高


  其有以下几个标签(常见举例):form表单标签、input标签、select标签、textarea标签、button标签


  ①form表单标签:


  其中:GET:显示的方式请求页面;POST:隐藏的方式请求页面;url:通俗来说指某种行为的执行人,和之前的超链接中URL一样。


  ②input标签:


  text:文本框;password:密码框;radio:单选按钮 默认选中:checked;checkbox:复选框? 默认选中:checked;email:邮箱框;tel:电话框;number:数字框;


  id:标签识别名称;唯一;前端;


  name:名称;后端;


  value:值;


  autocomplete:当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。一般默认为on。设置成off表示禁用,表示不显示之前键入的选项;


  placeholder:还没有输入字段时的提示信息,字段输入以后提示信息会自动消失;


  readonly:只可读,不能往文本框中输入字段。


  ③select标签:下拉列表框


  其中,这里的selected表示默认被选中。


  举例说明:


  ④textarea标签:多行文本域


  其中,rows表示行数;cols表示列数。


  ⑤button标签:


  其中:type有三种类型:


  submit:提交按钮;reset:重置按钮;button:普通按钮


  disabled:表示此按钮被禁用


  一般在安装软件都会有这种情况:点击我同意,才能点击下一步进行后续操作。


  如何实现上述操作呢?需要用到<script></script>标签。列举两种方法


  第一种,需要在checkbox添加一个onclick事件触发请求,再在head中写javascript脚本


  第二种,直接在head中写javascript脚本


  3.块元素:默认独占一行,没有宽高,但可设置宽高。


  列举以下几个标签(常用标签):标题标签(h1——h6)、p段落标签、列表标签、div标签。


  ①列表标签分为:


  无序列表有序标签定义列表


  无序列表:


  展现效果:以A,B,C…形式列表


  有序列表:


  展现效果以小方块形式列表,也可以以circle(空心圆)形式表示。


  如果希望把小方块不显示,这里需要设置一下他的css格式。(css层叠样式表下一篇会说),这里先简单说明一下。


  上图代码中,设置了一个class类名youxu。在css表里面写如下就可实现不显示小方块:


  定义列表:


  展现效果:


  ②div标签:header页头、footer页尾、nav导航栏、aside侧边栏、section主题块、artical独立块(可参考淘宝网的页面布局理解)




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



关键字:CSS
友荐云推荐