本帖最后由 小石姐姐 于 2018-6-8 11:43 编辑
什么是html:
html----超文本标记语言
标记语言:通过一组标签的形式描述事物的一门语言
超文本:比普通文本更强大
html文件的创建
扩展名.html或.htm结尾
html结构标签:
<html></html> ----跟标签 <head> ----头标签 <body> ---- 体标签
注意: 1.忽视大小写，推荐小写
2.标签嵌套要正确，不要你中有我，我中有你
3.属性值用双引号或者单引号括起来
4.围堵标签<font></font> 自闭和标签<br>
html字体标签:
<font>文字</font>
* <font>标签的属性:
属性名=”属性值” 属性名=’属性值’
* 属性:
* color属性:字体颜色
* 英文单词设置:black,red,green,blue...
* 使用16进制数设置:#FFFFFF , #FFF
* size属性:字体的大小
* face属性:字体
html排版标签
标题标签h :<h1>...<h6>
段落标签p :<p></p>(上一行下一行自动换行)
字体加粗标签 :<b> 倾斜标签 :<i> 下划线标签 :<u> 居中标签 :<center>内容</center>
<pre>标签:格式化标签
<hr/>标签:横线
html图片标签:
图片标签:<img>
*属性:
src :图片来源 width :图片宽度 Height :图片高度 alt :图片找不到显示的内容
图片的引入的路径问题:
相对路径：以.或者..开头的路径（如果是.可以省略）
绝对路径：以/开头的路径，/工程名/文件路径
html列表标签:
有序列表
<ol><li></li></ol>
type属性:
* disc ：实心点.
* circle ：空心圆
* square ：方块.
无序列表
<ul><li></li></ul>
type属性:
* 1 ：数字类型
* a ：英文类型
* i ：罗马字符
* start属性:从哪开始
html超链接标签:
<a>
属性: href :链接路径 target :打开方式( _self:在自身页面打开,_blank:新打开一个窗口)
表格标签
<table>
<tr>:行 (跨行rowspan =”行数”)
<td>:列 (跨列 colspan = “列数”)
</td>
<tr>
<table>
属性:
width :表格宽度(1.固定值2.百分比)
height :表格高度(1.固定值2.百分比)
border :边框
align :表格水平位置
*left:左
*center:居中
*right:右
表单标签:
<form>:表单的作用范围,收集数据提交后台
常用属性:
action属性: 提交的路径,默认提交到当前页面
method属性: 请求的方式.GET和POST.默认是GET
区别:*****
GET:数据会显示到地址栏中,提交有大小限制
POST:数据不会显示到地址栏中,提交没有大小限制
元素:
*<input type=”test”> :文本框
*<input type=”password”> : 密码框
*<input type=”radio”>: 单选按钮
*<input type= “checkbox”>: 复选按钮
*<input type=”button”>: 普通按钮.没有任何功能的按钮
*<input type = “submit”>: 提交按钮
*<input type = “reset”> : 重置按钮
*<input type = “file”> :文件上传的表单项.
*<input type=”hidden”>: 隐藏字段
*<input type= “image”>: 图片按钮
*<textarea>: 文本域 cols:字符数来规定宽度 rows:字符数来规定高度
*<select>: 下拉列表
共有属性:
*name :表单语速的名称.必须要有name属性
*vlaue :文本框默认属性
*size :文本框长度
*maxlength :文本框输入最大长度
*readonly :只读文本框 (配合disabled使用)
*checked :单选按钮或复选按钮默认被选中(name相同视为一组)
*selected :下拉列表默认被选中 (配合option使用)
特殊符号:
空格:
> : >
< : < |
|
收藏
淘帖
踩
