2020.02.23更新——
为了完美适应CSS3,可能得重学一遍HTML5 !
——————————————————————————————————
重要链接——HTML 速查列表
HTML 样式- CSS
CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>我使用了外部样式文件来格式化文本 </h1>
<p>我也是!</p>
</body>
</html>
显示结果————
4. CSS 可以通过以下方式添加到HTML中:
①内联样式- 在HTML元素中使用"style" 属性
学习这个链接
②内部样式表 -在HTML文档头部head区域使用style元素来包含CSS
③外部引用 - 使用外部 CSS 文件【the BEST way!】
HTML 图像
先转两个实例:
①本例演示如何在网页中显示图像——打开
②如何将其他文件夹或服务器的图片显示到网页中——打开
- 图像标签img & 源属性src
①img是空标签,它只包含属性,并且没有闭合标签。
②要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。源属性的值是图像的 URL 地址。
定义图像的语法——(URL 指存储图像的位置)
<img src="url" alt="some_text">
url例子:如果名为 “pulpit.jpg” 的图像位于 www.runoob.com 的 images 目录中,那么其 URL 为 http://www.runoob.com/images/pulpit.jpg
alt: alt属性用来为图像定义一串预备的可替换的文本,由用户自己定,例如
<img src="boat.gif" alt="Big Boat">
alt的作用是——在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
- height(高度)与 width(宽度)属性用于设置图像的高度与宽度
默认单位为像素。
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
提示:
指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。
- 创建图像映射 (map,area)
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
HTML 脚本
JavaScript 使 HTML 页面具有更强的动态和交互性。
script标签用于定义客户端脚本,比如 JavaScript。
script元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
noscript 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。注意:只有在浏览器不支持脚本或者禁用脚本时,才会显示 noscript 元素中的内容!
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>
HTML 统一资源定位器(URL)
Uniform Resource Locators !是一个网页地址。
URL可以由字母组成,如"runoob.com",或互联网协议(IP)地址: 192.68.20.50。大多数人进入网站使用网站域名来访问,因为 名字比数字更容易记住。
其它(回菜鸟教程速查即可)
以下的直接扒菜鸟教程review,难度低但很文科:
表格table
列表(有序、无序和定义列表)
区块&内联元素 (区分:是否以新行来展示)
div 和 span
网页布局
HTML 布局 - 有用的提示
Tip: 使用 CSS 最大的好处是,如果把 CSS 代码存放到外部样式表中,那么站点会更易于维护。通过编辑单一的文件,就可以改变所有页面的布局。如需学习更多有关 CSS 的知识,请访问我们的CSS 教程。
Tip: 由于创建高级的布局非常耗时,使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板(您可以使用这些预先构建好的网站布局,并优化它们)。
HTML 表单和输入(密码什么的;输入;选择题)
HTML框架 - 在一个网页中嵌套一小块另一个网页
字符实体(不能直接打“<”时怎么办)
HTML 总结
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。HTML 的关键是标签,其作用是指示将出现的内容。
知识拓展——
或者从 ISP(因特网服务提供商) 租用服务器。