热门关键字:
jquery > jquery教程 > jquery教程 > Html一天入门

Html一天入门

262
作者:管理员
发布时间:2021/3/1 14:50:08
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4043
  1.html:


  HyperText Markup Language 超文本标记语言,是最基础的网页语言,而且都是由标签组成。


  2.基本格式:


  <html>


  <head>


  放置一些属性信息,辅助信息。


  引入一些外部的文件。(css,javascript)


  它里面的内容会先加载。


  </head>


  <body>


  存放真正的数据。


  </body>


  </html>


  3.注意事项


  1)多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。


  2)想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。


  3)属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。


  1.排版标签


  1)换行 <br/>


  2)<p></p> 段落标签 在开始和结束的位置上会留一个空行。


  属性:align=对齐方式


  3)<hr /> 一条水平线


  属性:


  1)宽度:width 值像素 100px  可以写百分比 30%


  2)align=对齐方式


  3)size 粗细


  4)color 值 red green blue  RGB 三原色 (red green blue #aa55ff)


  4)div  声明一块区域  <div>数据</div>  css+div


  5)span 声明一块区域


  代码:


  显示:


  2.字体标签


  1)<font>文本内容</font>


  属性:


  1)size 字号的大小 最大值是7 最小值是1


  2)color 颜色


  3)face 字体


  2)标题标签


  <h1></h1>


  …


  <h6></h6>


  从大到小字体缩小。


  3)<B></B>粗体


  4)<I></I>斜体


  标签支持嵌套


  代码:


  显示:


  3.列表标签


  1)dl 列表标签


  <dl>


  <dt>上层项目</dt>


  <dd>下层项目</dd>特点:自动对齐,自动缩进。


  </dl>


  2)有序列表和无序列表


  有序:<ol>


  type:列表前序标号


  start:从第几个开始。


  无序:<ul>


  数据条目:<li>数据内容</li>


  <li><a href="后台的路径">用户管理</a></li>


  代码:


  显示:


  4.图片标签


  <img >


  属性:src="图片的路径"


  width 显示图片的宽度


  height 显示图片的高度


  alt 图片的说明文字/Users/apple/Library/Containers/com.tencent.qq/Data/Library/Application Support/QQ/Users/.png


  代码:


  显示:一个美女


  5.超链接链接


  <a></a>


  作用:1)链接资源


  href="" 必须指定  如果href的值不指定,默认是file文件的协议。只有自己指定协议,链接资源。如果href中指定的协议,浏览器不能解析,就会调用应用程序,可以解析的程序就可以打开。


  2)定位资源


  name 名称 专业术语 锚


  代码:


  显示:这里可以多搞一些文字


  6.表格标签(重点)


  作用:格式化数据


  <table></table> 声明一个表格


  属性:


  1)边框 border


  2)width 宽度


  3)文字与内边框的距离 cellpadding


  <tr></tr> 行


  属性:


  1)align 对齐方式(文本内容)


  <td></td>


  属性:


  1)width


  2)height


  3)colspan 列合并单元格


  4)rowspan 行合并单元格


  <th></th> 会加粗 并且会居中。


  <caption> 表格的标题


  colspan 合并行, rowspan合并列


  代码:


  显示:


  7.表单标签(重点)


  作用:可以和服务器进行交互。


  输入项的内容  用户名 密码


  <form></form>


  属性:action="提交的请求位置"


  method 提交方式(get和post) 如果method没有写默认是get方式提交。


  get和post区别:


  1)get方式表单封装的数据直接显示在url上。post方式数据不显示在url上。


  2)get方式安全级别较低,post级别较高。


  3)get方式数据的长度,post支持大数据。


  ** ?sex=on:


  在每个输入的标签中指定name和value  name必须指定


  ?username=haha&pwd=1223&sex=nv&jishu=html


  <input />


  属性:type 值可以指定很多的值,每一个不同的值代表的不同输入组件。


  1)type=text 文本框


  2)type=password 密码


  3)type=radio 单选按钮


  name属性


  4)type=checkbox 多选按钮


  单选和多选都有默认值:checked="checked"


  5)type=reset  重置按钮


  6)type=submit 提交按钮


  7)type=file  上传文件的输入项


  8)type=button 按钮


  9)type=image 图片(也是提交按钮,)


  10)type=hidden 隐藏标签(用户不用看到的,但是咱们开发时必须要使用的,可以把数据封装到隐藏标签中,和表单一起提交到后台)。


  选择标签


  <select></select>选择下拉框


  文本域textarea


  <textarea>文本内容</textarea>


  8.框架标签


  <frameset>


  <frame>


  </frameset>


  框架标签不能写在<body>的内部。body不能写在frameset的上面。


  代码:


  left.html:


  right.html:


  top.html:


  09-htmldemo.html:


  显示:注意这里的frameset




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



关键字:jquery
友荐云推荐