HTML5
2023-03-23 09:16:29 0 举报AI智能生成
学习笔记
作者其他创作
大纲/内容
<!-- 注释内容 -->
注释
ASCII // 美国，英国用的ISO8859-1 // 欧洲用的GB2312 // 中国用的GBK // 中国用的（扩展）UTF-8 // 万国码
常见字符集
eg:<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"> <meta name=\"viewport\" content=\
<!-- 文档声明，声明当前网页的版本 --><!DOCTYPE html><!-- html的根标签（元素），网页中的所有元素都要写在根元素里面 --><html lang=\"en\"><!-- head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页 --><head> <!-- meta标签用来设置网页的元数据，这里meta用来设置网页的字符集，避免乱码问题 --> <meta charset=\"UTF-8\"> <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"> <meta name=\"viewport\" content=\
HTML5基本结构
// 空格> // 大于< // 小于© // 版权符号
实体符号
规则：使用合适的标签去描述合适的内容
<!-- meta主要用来设置网页中的一些元数据，元数据不是给用户看 --><meta charset=\"utf-8\"><meta name=\"keywords\" content=\"网站关键字内容\"><meta name=\"description\" content=\"网站描述内容\"><meta http-equiv=\"refresh\" content=\"3;url=https://www.baidu.com\">
meta（元数据标签）
h1~h6（标题标签）
p（段落标签）
br（换行标签）（单标签）
hr（水平线标签）（单标签）
src=\"图片地址\"
alt=\"图片无法正常显示时显示的内容\"
width=\"图片宽度\"
height=\"图片高度\"
title=\"鼠标在图片上悬停时显示的内容\"
标签属性
img（图片标签）（单标签）
没有实际含义，主要用来选择一段文本中的部分文本信息
span（行内元素）
strong（文本加粗标签）（行内元素）
em（文本加粗标签）（行内元素）
href=\"超链接地址\"
_blank 在新的窗口打开_self 在本窗口打开（默认打开方式）_parent 在当前窗口的父窗口打开，需要结合iframe标签使用
targer=\"目标页面打开的方式\"
a（超链接标签）（行内元素）
iframe（内联框架标签）
border=\"1\" 设置表格的边框线（默认为0）
cellspacing=\"0\" 设置单元格之间的间隙，默认是有值的，如果要取消间隙需要设置为0
<tr> 表示一行 <th></th> 表示一列，主要是表头的一列 <td></td> 表示一列 <td></td></tr>
<thead></thead> 分组后的头部<tbody></tbody> 分组后的主体<tfoot></tfoot> 分组后的尾部
colspan=\"合并的单元格列数\" 合并列
rowspan=\"合并的单元格行数\" 合并行
单元格合并问题？
子主题
内部标签
table（表格标签）
action=\"提交的地址\"
getpost
method=\"提交方式\"
text 文本password 密码radio 单选框checkbox 多选框submit 提交reset 重置image 图片提交buttom 普通按钮hidden 隐藏字段file 文件number 数字date 日期
type=\"类型值\"
只要是提交的数据必须要写name属性，以供识别
name=\"分组标志\"
配合label标签的for属性使用
id=\"\"
提交的是value的值
value=\"\"
设置是否被选中
checked
input（输入标签）（单标签）
for=\"\"
label
name=\"\"
selected 设置开始选中的内容
option
select
cols=\"\"
rows=\"\"
textarea
disabled
readonly
两个常用表单元素属性：
form（表单标签）
ul，ol（无序，有序列表标签）
常用标签
HTML5
0 条评论
回复 删除
下一页
