热门关键字:
jquery > jquery教程 > jquery教程 > HTML最佳入门

HTML最佳入门

327
作者:管理员
发布时间:2021/2/7 15:34:54
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3947
  1.1、HTML简介


  HTML(Hyper Text Markup Language):超文本标记语言。


  作用:


  *就是用来写网页的


  1.2、HTML的书写规范


  a)。HTML的创建


  b)。HTML的结构


  c)。Html标签的规范


  2.1、文件标签(了解)


  <html>标签


  <head>标签


  <title>标签


  <body>标签


  *属性:


  扩展:


  2.2、排版标签(了解)


  <br/>标签


  ?空格占位符


  HTML注释


  <p>标签(少)


  <hr/>标签(少)


  2.3、块标签(熟练)


  <div>


  <span>


  2.4、字体标签(少)(了解)


  <font>标签 (少)


  标题标签


  斜体、粗体标签


  滚动字幕(了解)


  2.5、列表标签(熟练)


  有序列表(ol标签) (使用较少)


  无序列表(ul标签)(常用)


  列表项条目(li标签)


  2.6、图片标签(熟练)


  <img />


  2.7、链接标签(重点)


  <a>标签


  2.8、表格标签(重点)


  年度财报


  部门 第一季度 第二季度 平均


  A 100 100 100


  B 100 100


  总数 400


  表格标签


  行标签


  单元格标签


  表格标题标签


  分组标签(了解原理)


  公司年度报告


  第一季度 第二季度 平均


  100 100 100


  100 100


  400


  作用:表单用来提交用户输入的数据,整个WEB程序的入口


  表单 浏览器 和服务器 交互的一个入口


  3.1、表单标签


  *<form>,就定义了一个表单


  *常用属性:


  >action 规定当提交表单时,向何处发送表单数据


  ? 向内网提交:相对路径和绝对路径


  ? 向外网提交:


  >method 规定如何发送表单数据


  ? post 和 get


  ? 默认是get


  *表单提交的数据格式:


  参数名=参数值


  参数之间用&符号链接


  面试题:


  表单提交 post和get的区别?


  1、get方式提交会把参数显示在地址栏


  2、get方式敏感信息不安全


  3、get方式提交,官方限制提交大小仅1KB(但多数浏览器可以提交2KB)


  3.2、表单的输入项标签


  *<input>标签,定义了一个表单的输入项,用来接收用户输入的信息。


  *属性:


  >type 指定输入项标签的类型,不同类型的输入标签样子不同


  >name 用来指定输入项的名称。即表单输入项提交时的 参数名称


  >value 用来指定输入项的值或用来设置按钮名字。即表单输入项提交时的 参数值


  >checked 仅用来设置单选框或者多选框的默认勾选。值为checked为默认选中


  3.3、选择框标签


  *<select>标签,定义了一个选择框标签


  *属性:


  *<option>标签,定义了一个选择框条目标签


  *属性:


  3.4、文本域标签


  *<textarea>标签,定义一个文本域输入框


  *属性:


  和<input type=“text”/>区别:


  4.1、其他标签


  <meta>


  4.2、特殊符号


  特殊符号 在HTML中的表示符号 备注


  格式:


  &特殊符号内容;


  4.3、框架标签(了解)


  作用:将网页分割成几个部分,在每个部分分别显示不同内容。


  <frameset>标签


  表示框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。


  文档模式:body


  框架模式:frameset


  注:框架标签不可以放到<body>里,一般为了代码的可读性,一般会用<frameset>替代<body>标签。也可以放到<head>和<body>之间。


  *常用属性:


  <frame>标签


  表示框架页面,用来承载页面,并修改参数属性值


  *常用属性:




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



关键字:jquery
友荐云推荐