一、周一
1.文本:h1-h6 /p/br/hr/sub/sup/strong/em/del/ins/q**
脚本如下:
执行结果如下:
2.列表:ul/ol(li)/dl(dt/dd)
脚本如下:
执行结果如下:
- 阅读
- 每天阅读课本
- 音乐
- 每天中午12点吃饭
- 旅游
- 请发挥你的想象力
4.链接:a(页面链接/锚链接、功能链接)
脚本如下:
执行结果如下:
5. 表格:table/tr/td/th/thead/tb**重点内容**ody/tfoot
脚本如下:
执行结果如下:
姓名 | Python | HTML5 | english | math | chinese | |
---|---|---|---|---|---|---|
1801 | 李香兰 | 90 | 90 | 89 | ||
王兰兰 | 45 | 60 | 45 | 90 | ||
蔡妹妹 | 66 | 66 | 45 | 60 | 90 | |
1803 | 小王 | 80 | 90 | 45 | 60 | 90 |
7.音视频:audio/video(source)
脚本如下:
执行结果如下:
二、周二
1.HTML 标签的 alt 属性
alt属性是一个必须的属性,它规定在图像无法显示时的替代文本。
2.三种选择器的使用
三个选择器(ID选择器、类选择器、标签选择器)优先级别:ID选择器优先级别比类选择器高;重要性原则,如果加了important就是最重要的。具体三个原则:
*就近原则,谁挨着近就选谁
*具体性原则,谁更具体选谁
*重要性原则,谁加了import就选谁
(1)ID选择器
(2)类选择器
如何不同的模块要用到不同的属性,就选择类选择器,在每个不同的类中分别定义想要的属性。
.header {
margin: 40px 0 20px 0;
}
.entry {
width: 220px;
float: left;
margin: 10px;
height: 198px;
background-image: url("images/shadow.png");
background-repeat: no-repeat;
background-position: bottom;
}
其中,header/entry/wrapper模块需要使用到不同的属性,所以可以选择类选择器,分别定义想要的属性。
header类选择器中,定义了标题图片的上下边距。
entry类选择其中分别设定了六幅图片的高度和宽度,float: left表示向左浮动。
(3)标签选择器
如果所有的模块同时用一个属性,就使用标签选择器。
.wrapper {
width: 720px;
margin: 0 auto;
}
wrapper定义了网页宽度,将header和6个entry全部放在设定的宽度720像素内。
margin:0表示上下边距为0个像素;auto表示左右自适应,居中。
3.li标签
<div class="header">
<h1>Yoko's Kitchen</h1>
<div class="nav">
<ul>
<li><a href="" class="current">home</a></li>
<li><a href="">classes</a></li>
<li><a href="">catering</a></li>
<li><a href="">about</a></li>
<li><a href="">contact</a></li>
</ul>
</div>
</div>
<a></a>是超级链接标识符,三角括号里面是要链接的内容。
如: <a href=" http://www.baidu.com.cn/"> 百度</a>,那么这个形成网页浏览的话,你就可以点“百度”链接到网站
http://www.baidu.com.cn 去。li是列表项,他可以独立使用,但一般都是跟div一起使用的。格式: <div> <ul> <li><a href=" http://www.baidu.com.cn/"> 百度</a></li> </ul> </div> 网页的内容必须写在<li></li>里面。
4.hgroup标签
<hgroup>标签用于对网页或者区段标题进行组合。
5.商标
比如版权© 2011 Yoko's Kitchen,前面的© 符号可以用©打出来。
<div class="footer">
© 2011 Yoko's Kitchen
</div>
#6.tr标签 ![这里写图片描述](https://img-blog.csdn.net/20180329204928359?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQyMjk3NDI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
Month | Savings |
---|---|
January | $100 |
tr标签定义HTML表格中的行。tr元素包含一个或多个th或td元素。border="1"表示标题字体加粗。
7.hr标签
hr标签表示html页面中创建一条水平线。