2018/4/17-2018/4/24

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. 特殊符号:空格  &nbsp;

><&gt;\&lt

“&quot

           版权 &copy

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>类>标签       遵循就近原则

  (行内样式最高优先级)

猜你喜欢

转载自blog.csdn.net/SanitaryGardenia/article/details/80616915