首页 > 代码库 > 第九周（2）

第九周（2）

2024-09-30 04:45:02   217人阅读

本周虽然只上了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）


联系
我们