本帖最后由 小石姐姐 于 2018-6-8 11:38 编辑
创建html
把扩展名改为html或者htm
结构标签(文件标签)
<html> <head> <body>
注意事项:
1.忽视大小写,推荐小写
2.标签嵌套要正确,不要你中有我,我中有你
3.属性值用双引号或者单引号括起来
4.围堵标签 <fount><fount/> 和自闭和标签br/ hr/
字体标签:
fount: color "red" "#FFFFFF"
size:
face:
属性名 = "属性值" 属性名='属性值'
排版标签:
居中标签: center
h1~h6 h1 最大
p 段落 自动换行
<pre> : 原生标签
<hr/> : 横线
<br/> : 换行
转义字符:
: 空格
> : 大于号>
< : 小于号<
图片标签:
img 属性:
src : 图片的来源
width : 图片的宽度
heigth : 图片的高度
alt: 图片找不到时显示的内容
图片引入的路径的问题:
路径: 相对路径
图片和html文件在同一级路径
直接写文件名或者./文件名
图片在html文件上一级路径
../文件名 上两级目录 ../../文件名
下一级
文件夹名/文件名
绝对路径:
以/开头的路径,/工程名/文件路径
列表标签 :
无序列表: <ul><li></li></ul>
无序列表属性:
type属性: disc 实心点 circle 空心圆 square 方块
有序列表: <ol><li></li></ol>
有序列表属性:
1 : 数字类型 a: 字母类型 i :罗马字符
start : 从哪开始
超链接:
<a href=""> </a>
target: 打开的方式
self 自身页面打开
blank 新打开一个窗口
HTML 表格标签:
配合表单标签
table
tr 行 td 列
width 宽(1 固定值 2 百分比) heigth 高 border 边框 align (left center right)
td : colspan= "列数" tr: rowspan = "行数"
HTML表单标签:
<form>
作用:
表单的作用范围,
收集数据提交后台
常用属性:
action属性: 提交路径,默认提交到当前页面
method属性: 请求方式.GET和POST 默认是GET
GET:数据会显示到地址栏中,不安全,有大小限制(一般不超过1kb)
POST:数据不会显示到地址栏中,相对安全,没有大小限制
表单元素:
<input type="text">文本框
name: 表单元素的名称 , 必须有name属性,然后后台接收数据
value: 文本框的默认值
size: 文本框的长度
maxlength :文本框输入的最大长度
readonly : 只读文本框
<input type = "passwork">密码框
<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> 下拉列表
<select > 文本域
readio checkbox : checked : name相同视为一组
select : selected
textarea:
cols : 字符数来规定宽度
rows :字符数来规定行数
HTML 5: 扩展表单元素
email date number color
|
|
收藏
淘帖
踩
