2018/4/17
1. 非物质文化遗产:www.zealer.com
菜鸟教程
2. HTML:Hyper Text Markup Language 超文本标记语言
3. W3C 万维网联盟 始于1994
4. W3C标准:结构(HTML、XML)、表现(CSS)、行为(DOM、ECMAScript)
5. <!DOCTYPEhtml>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
6.<meta name="keyword"></meta>网页搜索需要的元素
<meta name="describtion"></meta>
6. ISO-8859-1:单字节编码,向下兼容ASCII
7. <img src="path" width="" height="" alt=" " title=" "/>
宽、高不写,图片维持原大小
图像替代文字 鼠标悬停文字
8. 特殊符号:空格
><>\<
“"
版权 ©
9. 路径:
相对路径(推荐):1.当前对象所在位置
2.images/hetao.jpg
3../上一级
绝对路径(简单但过长,且不便于文件移动):单击右键-属性-位置,拼接文件全称-
2018/4/18
1.<a href="path" target="目标窗口位置">链接文本或图像</a>
2.
1.创建跳转标记 <a name="marker">乙位置</a>
锚链接
2.创建跳转链接 <a href="#marker">甲位置</a>
以上是单页面跳转,多页面跳转在第二步#前加上链接
3.<img id="marker" src=""/>
2018/4/20
1. 1.有序,每个<li>标签独占一行(块元素)
有序列表<ol> 2.默认标签项前面有顺序标记
3.一般用于排序类型列表:试卷、问卷调查等
2. 1.无序,每个<li>标签独占一行(块元素)
无序列表<ul> 2.默认标签项前面有一个实心小圆点
3.一般用于无序类型列表:导航、侧边栏新闻、有规律的图文组合模板等
3. 1.无序,每个<dt>、<dd>标签独占一行(块元素)
定义列表 2.默认无标记
3.一般用于(一个标题下有一个或多个列表项)*n的情况
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
4. 如果不指定表格的宽、高,表格的大小由其中内容决定
5. <table border=“” align=“center”width=“”height=“”cellpadding=“” cellspacing=“”bgcolor=“”>
</table>
6.<video controls>
<source src=“path/.webm”type=“video/webm”/>
<source src=“path/.mp4”type=“video/mp4”/>
你的浏览器不支持video元素
</video>
2018/4/23
1. 隐藏域 <input type=”hidden”value=””name=””/>
2. 正则表达式:
[abc] 查找方括号之间的任何字符
[^abc] 查找任何不在方括号之间的字符
[0-9]
[a-z]
方括号[A-Z]
[A-z]
[adjk]
[^adjk]
. 查找单字符,除了换行符和行结字符元字符
\w 查找单词字符(大小写字母)
\W 查找非单词字符
\d 查找数字
\D 查找非数字
元字符 \s 查找空白字符
\S 查找非空白字符
\b 匹配单词边界
\B 匹配非单词边界
\O 匹配null
\n 匹配换行符
n+ 匹配任何至少包含一个n的字符串
n*匹配任何至少包含0或多个n的字符串
n? 匹配任何包含0或1个n的字符串
量词 n{x} 匹配任何包含x个n的字符串
n{x,}匹配模式n至少连续出现过n次的字符串
n{X,Y}匹配任何至少包含x次n,至多y次的字符串
n$ 匹配任何结尾为n的字符串
3. 内联框架
<iframe src=”path”name=”x” width=””height=””/>
目标窗口:
<a href=””target=”x”></a>
4. frameset(GG了)
1. 替换body,在本网页中使用了三个框架页面.
<frameset cols=”25%,50%,25%”>
<framesrc=”A path”/>
<frame src=”B path”/>
<frame src=” C path”/>
</frameset>
2. <frameset rows=”40%,60%”>
<frame src=”A path”/>
<frameset cols=”40%,60%”>
<frame src=”B path”/>
<frame src=” C path”/>
</frameset>
</frameset>
2018/4/24
1.Cascading StyleSheet 层叠样式表
2.声明后”i”可写可不写,但是建议写
3.<style type=”text/css”><style> 建议写完整
4.<style> @import url=””; </style> 导入式
5.样式优先级:行内>内部>外部 就近原则
6.基本选择器:
标签:h1{}、img{}等
类:.class{}
ID:#id{} 仅能使用一次
优先级:ID>类>标签 遵循就近原则
(行内样式最高优先级)