网站建设加推广需要多少钱,网站设计与开发实验报告,最好的 受欢迎的 免费的,学动漫制作专业后悔死了文章目录 HTML5基本语法一、基础标签1、分级标题2、段标签3、换行及水平线标签4、文本格式标签 二、图片标签1、格式2、属性介绍 三、音频标签1、格式2、属性介绍 四、视频标签1、格式2、属性介绍 五、链接标签1、格式2、显示特点3、属性介绍4、补充#xff08;空链接#xf… 文章目录 HTML5基本语法一、基础标签1、分级标题2、段标签3、换行及水平线标签4、文本格式标签 二、图片标签1、格式2、属性介绍 三、音频标签1、格式2、属性介绍 四、视频标签1、格式2、属性介绍 五、链接标签1、格式2、显示特点3、属性介绍4、补充空链接 六、列表标签1、无序列表1格式 2、有序列表1格式 3、自定义列表1格式 七、表格标签1、基本标签2、相关属性3、表格大标题和表头4、表格结构标签5、合并单元格1合并单元格步骤2语法 八、Input系列标签1、常用标签type2、基本语法3、属性4、注意 九、button标签1、type 十、select下拉标签1、语法结构2、属性介绍 十一、textarea文本域标签1、语法结构2、属性介绍 十二、label标签1、语法结构2、常用场景 十三、布局标签1、无语义的语法实例 2、有语义的 HTML5基本语法
一、基础标签
1、分级标题
h1一级标题/h1
h2二级标题/h22、段标签
p/p3、换行及水平线标签
br换行 hr水平线4、文本格式标签
b加粗/b u下划线/u i倾斜/i s删除线/s 二、图片标签
1、格式
img src alt title width height2、属性介绍 s r c src src中可以填入图片的绝对路径或相对路径或者图片的网址 a l t alt alt中填入当图片不能正常显示的文字信息 t i t l e title title中填入的是鼠标指针在图片悬停一会儿后出现的文字
三、音频标签
1、格式
audio src controls/audio2、属性介绍 s r c src src音频路径 c o n t r o l s controls controls显示播放的控件 a u t o p l a y autoplay autoplay自动播放 l o o p loop loop循环播放
四、视频标签
1、格式
video src controls/video2、属性介绍 s r c src src视频路径 c o n t r o l s controls controls显示播放的控件 a u t o p l a y autoplay autoplay自动播放 l o o p loop loop循环播放
五、链接标签
1、格式
a href target超链接/a2、显示特点
a标签默认文字有下划线a标签从未点击过默认文字显示蓝色a标签点击过之后文字显示为紫色清除浏览器历史记录可恢复蓝色
3、属性介绍 h r e f href href视频路径 t a r g e t target target { _ s e l f 默认值覆盖原网页 _ b l a n k 在新窗口中跳转保留原网页 \begin{cases} \_self\ \ 默认值覆盖原网页\\ \_blank \ \ 在新窗口中跳转保留原网页 \end{cases} {_self 默认值覆盖原网页_blank 在新窗口中跳转保留原网页
4、补充空链接
a href#空链接/a功能
点击之后回到网页顶部开发中不确定该链接的最终跳转位置暂时用空链接占位
六、列表标签
1、无序列表
1格式
ulli列表内容/li
/ul2、有序列表
1格式
olli列表内容/li
/ol3、自定义列表
1格式
dldt自定义列表主题/dtdd每个主题下的内容项/dd
/dl七、表格标签
1、基本标签
tabletr//表格每行td表格某一行的内容/td/tr
/table2、相关属性 b o r d e r border border表格边框宽度 w i d t h width width表格宽度 h e i g h t height height表格高度
3、表格大标题和表头
tablecaption表格大标题/captiontrth表头元素/th/tr
/table4、表格结构标签
表头
thead表头/thead表体
tbody表体/tbody表脚
tfoot表脚/tfoot5、合并单元格
1合并单元格步骤
明确合并哪些单元格保留左上单元格其余单元格元素清空合并同行或同列的单元格注意只能合并具有相同结构标签的单元格
2语法
td rowspan2xxx/td //跨行合并
td colspan2xxx/td //跨列合并r o w s p a n 2 rowspan2 rowspan2意思是跨行合并两行
八、Input系列标签
1、常用标签type
text 文本框date 年月日time 时分秒password 密码框radio 单选框checkbox 多选框file 文件submit 提交reset 重置button 普通按钮默认无功能之后配合js添加功能
2、基本语法
input type 属性3、属性
text——文本框 placeholder 占位符password———密码框 placeholder 占位符radio——单选框 name 拥有相同name的两个选项不能被同时选择 checked 默认选中checkbox ——多选框 checked 默认选中file——文件选择 multiple 可选择多个文件button——按钮 submit 提交 reset 重置
4、注意
input使用buttton类时需要使用form标签将整个代码体包裹起来这样button类属性才可以发挥相应功能
form/form九、button标签
1、type
submitreset普通button
十、select下拉标签
1、语法结构
selectoption下拉框内容/option
/select2、属性介绍
selected 默认选中
十一、textarea文本域标签
1、语法结构
textarea cols rows/textarea2、属性介绍
cols 多少列rows 多少行
十二、label标签
1、语法结构
label可包裹任意内容/label2、常用场景
可以将表单标签与内容绑定 使用方法 1使用label标签将内容和表单标签一起包裹起来 2需要把label标签的for属性删除即可
实例
labelinput typeradio男/label十三、布局标签
1、无语义的
div 一行只显示一个pan 一行显示多个
语法实例
divxxx/div2、有语义的