首页 > 代码库 > 第九周(2)

第九周(2)

本周虽然只上了3天的课程,但是知识点还是比较多的。本周学习的是超文本标记语言的一些基本语句,逻辑思维不难,但是需要记住的较多,生单词较多。

这些是我们需要记住和掌握的:

首先什么是HTML:超文本标记语言,是XML的一个分支,也是利用标记和子标记方式描述网页内容

块级元素和内嵌元素

name和id的区别

get和post的区别

readonly和disableled的区别

什么是css

什么是样式选择器

1.元素选择器

2.表选择器

3.id选择器

4.包含选择器

5.通配选择器

6.伪类选择器

如何使用颜色单位框

css和模型

盒子之间的关系

padding和margin使用的位置,他们的区别

隐藏元素的方式

内容超出容器的处理方式

这是基本的html语句

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8"><!--设置编码-->
<title>我的网页</title>
</head>
<!--标题标签-->
<h1>h1标签</h1>
<h2> h2标签</h2>
<h3>h3标签</h3>
<!--段落标签-->
<p>段落文字</p>
<>段落文字<br/><!--换行标签-->
换行文字<br>
子曰:
<blockquote><!--引用文字-->
学而时习之......
</blockquote>
科目:<!--无序列表,表示排名不分先后-->
<ul>
<li>语文</li>
<li>数学</li>
<li>英语</li>

</ul>
创建class对象的方式:
<ul>

<li>类名.class</li>
<li>对象.getClass</li>
<li>Class.forName</li>
</ul>
web应用程序的组成部分
<ol>
<li>网页</li>
<li>web服务器</li>
<li>客户端的浏览器</li>
<li>http协议</li>
</ol>
明教四大屌丝
<ol>
<li>紫衫龙王</li>
<li>白眉鹰王</li>
<li>金毛狮王</li>
<li>青翼蝠王</li>
</ol>
<pre><!--预编排文字,以原文件的格式作文网页的显示格式-->
1
+
2
--------------
3
</pre>
<!--分区块,相当于小容器,宽度,高度,背景色 边框-->
<div style="width:300px;height:200px;border: 5px;background-color: red;border: 1px solid black">
<p>这个怎么说</p>
<p>你是真皮沙发</p>

<!-- style表示设置样式,color表示设置当前颜色样式,字体颜色-->
<span style="color: yellow">
申杰不是傻逼<br/>
</span>

<span style="color: gray">端午节吃了吗</span>
abc &bsp
<!-- 当前网页和目标网页在同一级目标,可以直接书写文件名-->
<a href="http://www.mamicode.com/2.html">跳转test2.html</a> <br/>
<!-- 当前网页的同级目录下的网页,应该加上同级目录名称-->
<a href="http://www.mamicode.com/user/user.html">跳转user.html</a>

</div>
<!-- 图片标签,宽 高,-->
<img src="http://www.mamicode.com/img/3.jpeg" width="300" height="200"/>
<!--表格边框,占百分子60 ,设置边框形式(具体的情况去除可以看看)-->
<table border="1"width="60%" cellspacing="0" >
<!-- 表头 一个tr为一行,一个th或者td为一个单元格(th居中一般用于表示表头,td则用来写表)-->
<thead>
<tr><th>姓名</th><th>职位</th><th>性别</th></tr>


</thead>
<!-- 数据-->
<tbody>
<tr><td>张三</td><td>经理</td><td>nan</td></tr>
<tr><td>张似</td><td>清洁</td><td>nan</td></tr>
<tr><td>张无</td><td>经理</td><td>nan</td></tr>

</tbody>
</table>
<p>表格合并行列</p>
<table border="1" cellspacing="0" width="50%">
<tr><th colspan="4">成绩表</th></tr> <!--colspan表示合并列-->
<tr>
<th rowspan="2">张三</th>
<th>80</th>
<th>90</th>
<th>100</th>
</tr>
<tr>
<th>40</th>
<th>50</th>
<th>100</th>
</tr>
<tr>
<th rowspan="2">李四</th>
<th>78</th>
<th>35</th>
<th>88</th>
</tr>
<tr>
<td>80</td>
<td>90</td>
<td>100</td>
</tr>


</table>
<!--hr 表示横线-->
<hr/>

<p>段落文字</p>
<p>段落文字</p>
<body>
正文
</body>
</html>

 

第九周(2)