同一级路径:
下一级路径:
上一级路径:
绝对路径:一般从盘符开始的路径E:基础语法练习HTML CSSimg.jpg
超链接外部链接:百度
href="跳转目标"(也可以是一个压缩包.zip 点击后会下载压缩包)
target="弹出的方式" _self为默认值 _blank在新窗口打开
内部链接:网站内部页面的交换 公司简介
空链接: 公司地址
锚点链接:点击链接快速跳转页面的某个位置设置属性:1 早年经历
找到目标标签 :id="a里的href"
早年经历 注释标签
特殊字符
空格: 我 爱 你
<小于号 >
>大于号 >
< p >是段落标签(避免
被代码执行)
表格标签| 单元格的内容 | 单元格的内容 | 单元格的内容 | 每行的单元格个数
表头单元格:表头单元格文本加粗 并且居中显示 (经常用在第一行的标题)
| 姓名 | 性别 | 年龄 |
|---|---|---|
| wyf | 女 | 18 |
| 林俊杰 | 男 | 18 |
| 刘德华 | 男 | 46 |
在页面中间显示:align="center"
表格边框:border="1"
字和边框之间的距离 cellpadding="20px" 默认1
单元格与单元格之间的距离 cellspacing="0"
设置宽度和高度:width="100" height="30"
表格结构标签:更好的分清表格结构头部区域 内部必须有tr标签
主体部分
这两个标签都是放在table里的
合并单元格:跨行合并两格:rowspan="2"
跨列合并2格 :colspan="2"
目标单元格:(写合并代)
跨行:最上侧单元格为目标单元格,写合并代码
跨列:最左侧单元格为目标单元格,写合并代码
合并单元格后, 需要删除多余的单元格
ul 只能嵌套li
你喜欢吃什么
- 臭豆腐
- 榴莲
- 鲱鱼罐头
- 屎
ol 只能嵌套li
粉丝排行榜
- 林俊杰 1000000个
- 周杰伦 10000个
- 刘德华 100个
自定义列表:(一个大哥领着一群小弟的情况下用 对上边的名称进行解释)
- 名词
- 名称解释1
- 名称解释1
- 名称解释1
di 里只能出现 dt和dd 一般为一个dt搭配多个dd 兄弟关系
表单标签: 表单域 表单控件(元素) 提示信息表单域
action="url地址"
name="表单域的名称"
表单控件(元素):
input里的name属性是表单元素的名字
文本框 value是文本框提示内容 maxlength="6" 输入最大字符为6位
密码 隐藏输入内容
单选按钮
单选按钮必须设置相同的name属性 才能实现单选 否则可以多选(复选框也要设置相同的name名)
value值是传输后台的数据
男
女
复选框
睡觉
吃饭
单选框和复选框可以设置checked属性,当页面打开的时候就默认选择这个按钮
打开默认选择女
男
女
打开默认选择睡觉 吃饭
睡觉
吃饭
打游戏
submit为提交按钮 点击提交就可以把表单域里的所有值提交给后台
value的值为按钮里显示的文字
reset为重置按钮,还原默认状态
value的值为按钮里显示的文字
button为普通按钮,例如发送验证码 后期搭配JS
value的值为按钮里显示的文字
文件域file上传文件 如头像
上传文件:
lable绑定一个表单元素 当点击lable标签内的文本也会选择对应的表单元素 增加用户体验
性别:
点击用户名即可输入 点击男或女即可选择
selected下拉表单元素
cols="?"一行可以写多少字 rows="?"可以写几行
综合案例
明天脱单全靠它
青春不常在,抓紧谈恋爱
青春不常在,抓紧谈恋爱
| 性别 | |
| 生日: | |
| 所在地区: | |
| 婚姻状况: | |
| 学历: | |
| 喜欢的类型: | 妩媚的 性感的 可爱的 女的都喜欢 |
| 个人介绍: | |
| 我同意注册条款和加入会员标准 | |
| 我是会员,立即登录 | |
我承诺
|



