[学习交流] 又是一段很帅的总结

又是一段很帅的总结

HTML Hyper Text Markup Language 超文本标记语言
- 标记语言:指的是通过一组标签的形式描述事物的一门语言
- 超文本 : 比普通的文件更强大

以HMTL结尾的文件或者HTM的文件

文件标签

声明当前网页为html页面
<head></head>
   <body></body>
head:用来存放当当前页面的重要信息,一般不展示在HTML页面上
常见的子标签
  <mata charset="UTF-8"> 设计编码格式
       <title>标题</title> 页面的标题
body:要展示在数据放在body中

标题标签

<hn></hn>
n取值  1-6
h1最大 h6最小
自动换行且留白默认加粗
常用属性:
align:对齐方式
left: 左  rigth右  center:居中
格式:
<h2 align="center">内容</h2>
3.字体标签
<font></font>
常用属性:
face：字体
size :  尺寸
color:  颜色
<br/>换行
颜色的取值:(RGB)
方式1 #xxxx x为16进制
方式2  英文单词

其它标签
<p></p>段落标签
<pre标签> 原生标签
<b></b> <strong></strong>加粗
<i></i> 斜体
水平线
<hr/>
换行标签
<br/>
图片标签
<img/>
常用属性
src:l图片的路径
alt:替代文字
title:移动上去显示的文字
width:宽
height:高
路径的写法:相对路径 :./或者什么都不写, 当前目录
../上级目录
绝对路径
带协议的绝对路径:
http://www.itheima.com
列表标签
<ol></ol>有序
属性  <type=""> <start> 只针对数字有效值
C:/Users/%E9%A1%BE%E5%85%AC%E7%88%B5/AppData/Local/YNote/data/qqF389022F54830711172F0070E51CA947/e8a8a08fe90b4077a15f9d732bd65568/clipboard.png
<ul></ul>无序
常用的标签
<li></li>列表项
超链接
<a></a>
常用属性:
href: 跳转路径
target:在那里打开
默认值_ self       _blank(在新的标签打开)
表格标签
<table></table>
常用的子标签
<tr>行
常用子标签
<td>:列
注意一行必只有一个单元格或者一列
Width 表格宽度
Height 表格高度
boder 边框

C:/Users/%E9%A1%BE%E5%85%AC%E7%88%B5/AppData/Local/YNote/data/qqF389022F54830711172F0070E51CA947/c6df5481374143748d361401318d02f0/clipboard.png

C:/Users/%E9%A1%BE%E5%85%AC%E7%88%B5/AppData/Local/YNote/data/qqF389022F54830711172F0070E51CA947/6cb36a8971dd4a21a7834a83bf0f337f/clipboard.png
表单标签
<form></form>
C:/Users/%E9%A1%BE%E5%85%AC%E7%88%B5/AppData/Local/YNote/data/qqF389022F54830711172F0070E51CA947/359873f6d4764b988ca66518933227c7/clipboard.png
HTML中表单元素:
* <input type=”text”> :文本框.
* 常用属性:
   * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :文本框的默认值.
      * size :文本框的长度.
      * maxlength:文本框输入的最大长度.
      * readonly:只读文本框.
* <input type=”password”>  :密码框.
* 常用属性:
      * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :密码框的默认值.
      * size :密码框的长度.
      * maxlength:密码框输入的最大长度.

* <input type=”radio”>    :单选按钮.
* 常用的属性:
      * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :单选按钮的默认值.
      * checked:单选按钮默认被选中.

* <input type=”checkbox”>  :复选按钮.
* 常用的属性:
      * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :单选按钮的默认值.
      * checked:单选按钮默认被选中.
* <input type=”submit”> :提交按钮.
* <select>                :下拉列表.
<option><option>
* <textarea>             :文本域.
属性 rows 长度 cols宽    readonly指定文本为只读readonly

*  <input type=”button”> :普通按钮.没有任何功能的按钮.

* <input type=”reset”>    :重置按钮.
* <input type=”file”>    :文件上传的表单项.
* <input type=”hidden”> :隐藏字段.
* <input type=”image”>    :图片按钮

  get：1数据都展示到地址栏
2有大小限制
3get方式是在请求行中
post:
1.数据不会展示在地址栏中
2.数据没有大小限制
3post的数据是在请

* 编码和解码的方法：

// 解码

* decodeURI()

* decodeURIComponent()

// 编

* encodeUR

* encodeURIComponen

eval函数：

帐号		自动登录	找回密码
密码			加入黑马

[学习交流] 又是一段很帅的总结

0 个回复