##HTML
*HTML:超文本标记语言
*乱码问题:文本和内容编码不一致
*作用
制作静态网页
*使用地方
在设计网站的页面的时候使用到HTML
*使用
HTML的文件的创建
先创建TXT文件,然后改后缀名
一个HTML文件,扩展名为.html或者.htm结尾
*结构标签
*根标签:<html></html>
*<head></head> 头标签
*<body></body> 体标签
*HTML的字体标签
<font> :字体标签
<font>文字<font>
<font>标签的属性:
<标签 属性名="属性值" 属性名="属性值:></标签>
color属性:字体颜色
英文单词设置:black,red
使用16进制数设置:#FF0000 红色 #00FF00 绿色 #0000FF 蓝色
size属性:字体的大小
值是1-7
face属性:字体的字体
*HTML的排版标签
*标题标签 h标签 <h1>...<h6>
*段落标签 p标签
*粗体标签 b标签
*斜体标签 i标签
*下划线标签 u标签
*居中标签 center标签(已过时)
*标签的嵌套
<br/>换行
<hr>-横线
*HTML标准
HTML 4
HTML 5 <!DOCTYPE html> 是对Javascipt.CSS的增强
<pre> 原生标签
##网站图片页面显示
*HTML图片标签
*图片标签<img>
*属性:
* src :图片的来源.
* width :图片的宽度. 100px px代表像素点
* height:图片的高度.
* alt :图片找不到显示的内容.
*图片引入的路径
*路径:相对路径
*如果一如的图片和html文件是同一级路径
直接写文件名或者./文件名
*如果引入的图片是html的上一级路径,../文件名
*如果引入的图片是html的上两级路径,../../文件名
*如果引入的图片是html的下一级路径,/文件名
##网站列表页面的显示
*HTML的列表标签
*有序列表
<ol>
<li></li>
</ol>
*无序列表
<ul>
<li></li>
</ul>
<ul style="list-style: none;">:去掉小圆点
*HTML的超链接标签
*HTML的超链接标签:<a>
*属性:
*href:链接的路径
*target:打开的方式
*_self:在自身页面打开
*_blank:新打开一个窗口
*无序列表的属性
*type的属性
*disc:实心点
*circle:空心圆
*square:方块
有序列表的属性:
* type属性:
* 1 :数字类型
* a :英文类型
* i :罗马字符
超链接的target属性:
* _self:本页面打开
* _blank:在一个新的窗口打开
* _parent:
##HTML的表单标签
*为什么要加name属性:为了传递参数
*HTML的表单标签:<form>
* 常用属性:
* action属性:提交的路径.默认提交到当前页面
* method属性:请求的方式.GET和POST.默认是GET.
* get和post区别
* get:会显示在地址栏上,有大小限制
* post:不会显示在地址栏上,没有大小限制
* post更加安全
* post没有大小限制
*HTML中表单元素:
*<input type="text"> 文本框
*常用属性:
*name :表单元素的名称,必须有name属性,然后后台才可以接收数据
*value:文本框的默认值
*size:文本框的长度
*maxlength:文本框输入的最大长度
*readonly:只读文本框
*<input type="password"> 密码框
*
*<input type="radio"> 单选按钮
*<input type="CheckBox"> 复选按钮
*<input type="button"> 普通按钮:没有任何功能的按钮
*<input type="submit"> 提交按钮
*<input type="reset"> 重置按钮
*<input type="file"> 文件上传的表单项
*<input type="hidden"> 隐藏字段(类似于文本框,可以上传,但是不能看到, 一般储藏ID)
*<input type="image"> 图片按钮(把图片设置成链接)
*<select> 下拉列表
*<textarea> 文本域
|
|