网页组成
文字 图片 音频 视频 超链接等
Web标准
结构---html
表现----css
行为----javaScript
html 基本骨架
网页的标题
网页的主体
标签构成 及标签关系
标签构成
双边标签
双边标签
单边标签
标签关系
兄弟关系 父子关系
标题标签
p
换行标签
br 强制换行
水平线标签
hr
文本格式化标签 (一般选择用后面4个)
b和strong 加粗
u和ins 下划线
i和em 倾斜
s和del 删除线
图像标签

src:图片的路径,必写属性
alt 替换文本(图片无法加载显示的文本信息)
title 提示文本(鼠标悬停时显示的文本信息)
width:设置图片的宽度
height:设置图片的高度
border:设置边框
audio: 音乐标签
controls:显示标签插件
autoplay:自动播放音乐
loop:播放完音乐重新再播放
video:视频标签
controls:显示标签插件
autoplay:自动播放视频与muted结合使用--静音播放
loop:播放完重新再播放
a标签的target属性
_self在当前窗口打开网页
_blank新建窗口打开网页
列表标签:
无序列表:
ul
li
有序列表:
ol
li
自定义列表:
dl 自定义列表的整体内包含 dt dd
dt 自定义列表的主题
dd 自定义列表针对主题的每一项内容
dt/dd 可以包含任意内容,dt和dd属于兄弟关系
表格标签:
table
tr
td
align设置对其方式:center(居中) left(左对齐) right(右对齐)
width 设置宽度
height 设置高度
border 设置边框
rules="all"(细线表格)
caption 表示表格的大标题,写在table标签内部
th 用于表格的第一行,写在tr标签内部,默认居中加粗显示
表格的结构标签:用于包裹tr标签
thead
tbody
tfoot
合并单元格:
rowspan:跨行合并(上下合并)
colspan:跨列合并(左右合并)
input系列相关type属性
文本框text :提示文本placeholder(占位符)
密码框password
单选框radio(name 设置相同name属性实现多选一 checked 默认选中)
多选框 checkbox (name 设置相同name属性实现多选 checked 默认选中)
文件选择 file (multiple 实现多文件上传)
提交按钮 submit (value属性更改名字)
重置按钮 reset (value属性更改名字)
普通按钮 button (value属性填写名字)
搜索 search
必须为数值 number
select下拉列表
option 下拉列表的每一项
selected 下拉列表默认选中(加在option属性中)
textarea 文本域
提示文本placeholder
后续css设置(col:规定了文本域内可见宽度 rows:规定文本域内可见行数)
label标签
方法一:
用label标签把文字包裹,在表单添加id属性,然后在label标签的for属性设置对应id属性值。
方法二:
直接使用label标签把内容和标签一起包裹起来,然后把label标签的for属性删掉
语义化标签
没有语义的布局标签:
div 一行显示一个,独占一行
span 一行显示多个,显示不下自动换行
有语义化的布局标签:
header 网页头部
nav 网页导航
footer 网页底部
aside 网页侧边栏
section 网页区块
artcie 网页文章
字符实体
常见的字符实体
空格
< 小于号 <
> 大于号 >
¥ 人名币 ¥
© 版权 ©