虽然我还没有学会Python，但是已经开学了……然后老师要验收以php编写的网页……(wdnmd )

这两天先把这个网页设计处理了，Python也会学，Linux还没开始，web更是啥也不会……谁再和我说大学比高中轻松我跟他拼命

(听说只要先熟悉了HTML/CSS/JS等网页元素就可以编一个静态网页了，应该能先对付老师的验收吧，猜猜我最后用几天？…… )

好吧今天开始是HTML

HTML：超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言。

编辑器使用了Notepad++

后缀可以使用.html与.htm，没有区别

翻过来看相当乱，看一点记一点，当作复习大概还是合格的

第一段实例

这是一段实例

实际页面效果：

我的第一个标题

我的第一个段落

源码是这样的

来晚舟的第一个网页(网页的网址)

我的第一个标题

我的第一个段落。

解释其中含义

声明为 HTML5 文档

元素是 HTML 页面的根元素

定义网页编码格式为 utf-8。 元素描述了文档的标题 元素包含了可见的页面内容

元素定义一个大标题

元素定义一个段落

一些元素标签

总览

DOCTYPE

h1~6

p

a

img

br换行

hr水平线

注释

DOCTYPE 声明

声明有助于浏览器中正确显示网页

!doctype不区分大小写，首字母大小写或全大写或全小写均可(自己写的时候大写就行了)

h1~6 标题

h标签h定义一个标签

html分6级标题，从h1到h6，字体逐渐变小，

开始写标题，

结束该标题，其余也是对应的

浏览器会自动在标题前后加一个空行

p 段落

标签p定义一个段落

每一个段落另起一个

与

浏览器会自动在段落前后加一个空行

a 链接

标签a定义一个链接

这是百度的链接

源码是这样的

这是百度的链接

语法是链接文本

显示后面的链接文本，指向前面的链接，但是链接文本可以是图片或其它html元素

定义新链接在哪里打开需要加一个属性target

这是百度的链接

可以在新窗口中打开百度界面

ID属性

id属性可用于创建一个一个文档书签标记

注：书签不以任何特殊的方式显示，对于读者是隐藏的

有用的提示部分

有用的提示部分

在HTML文档中创建一个链接到"有用的提示部分(id=“tips”)

img 图像

标签img定义图像

图像的名称和尺寸以属性的形式提供

br 换行

善用
标签在不生成一个新段落的情况下换行

注意在html中进行对段落的编辑是不会反应在最终页面上的，它会省去多余的空格和换行

例如这么写源码：

是时候不脱更了()

一天2000真的不算多

真的不多，

真的不多，

真的……

这样就是一行

实际页面是这样的

是时候不脱更了()

一天2000字真的不算多

真的不多，

真的不多，

真的……

这样就是一行

所以要使用html中提供的换行等标签

head 头部

head元素包含了所有的头部标签信息，在头部中可以插入脚本(scripts), 样式文件(CSS)，及各种meta信息。

可以添加在头部区域的元素标签为:

,