网页

首页

pycharm-既能写html，又能写python。

Html：基础架构；

CSS:层叠样式表（Cascading Style Sheet），美化界面；

JavaScript：动态网页，交互性

头部：定义标题、样式；主体

charset网页编码，pycharm默认是utf-8：

<meta charset='UTF-8'><!--可写在<html>或<head>-->

回车符和空格在html不起作用

网站名一般是index或default

标记

单标记<br>换行，；双标记<b>粗体bold，<center>居中
?

网页基本标签_疯狂的菜鸡-CSDN博客_网页标签

1.b粗体，i斜体，u下划线

2.p段落

3.font：标签式字体标签，它用来修改文本的颜色，字体，大小
color属性修改颜色
face属性修改字体
size属性修改字体大小（1-7）

  <font color="red" size="7" face="隶书">我是标签</font>

4.br换行，nobar强制换行，wbr不换行中强制换行

5.<blockquote>默认缩进5个字符

列表

很多时候都是爬列表，爬下来的列表存到python中

无序列表ul（unordered list）<ul type=disc实心圆circle空心圆square方块>，里面是<li>条目；有序列表ol，自定义列表dl（definition list）可以罗马字母，可以用数字：<dt>definition term，<dd>definition description

超链接

<a href=''网址http://浏览器必加的协议">(锚的英语anchor）title标题，target重定向：位置在自己原来界面_self还是在新的界面_blank

<a href="url" target="目标窗口的打开方式"><img src="图片地址"></a>

图片地址的表达：/是转义符号，\路径，即r"\??? \?? "等同于"/?? /? "

<!—程序5-1-->
<html>
<head>
    <title>创建链接</title>
</head>
<body>
<center>
    <h2>创建链接</h2>
    <hr>
    <p><a href="http://www.sina.com.cn" title="打开新浪首页">新浪</a> <!--添加新浪链接-->
    <br>
    <a href="http://www.baidu.com" target=_blank>百度</a> <!--添加百度链接-->
    <br>
    <a href="http://www.pku.edu.cn" target="_self">北 京 大 学</a>  <!--添加北京大学链接-->
    </p>
</center>
</body>
</html>

表格

<table>表格开始，<tr>行的开始，<td>每个单元格的内容

语法模板：

<table>
       <tr>
            <th>…</th>
            …
       </tr>
       <tr>
             <td>…</td>
             …
       </tr>
        …
   </table>

所幸html写表格可以直接画，我们看懂就行，后面爬虫会用