期末速成笔记"/>
HTML基础期末速成笔记
网页制作：
第一章
涵盖范围大小——互联网＜因特网＜万维网
互联网由计算机网络相互连接.
网页是Internet的基本信息单位
网站常有动静态网页
网站是多个网页有机集合
静态网页无法链接数据库(这就涉及到后端了)。其是实实在在保存在服务器上的文件
动态网页则以数据库技术为基础。
域名的出现是为更好描述IP地址(逻辑地址)
DNS域名系统——分布式数据库。
URL——统一资源定位符(网址)
其格式：
＜协议>：//＜域名或IP>： ＜端口>/＜路径>
http：//www.baidu.com
FTP文件传输协议
网页四层信息构成：行为 表现 内容 结构(层)
web浏览器是向万维网服务器发出http请求后，获取服务器上的网页文件。
网页制作常用技术：HTML (负责内容部分结构化信息) css(定义网页外观样式) JavaScript(丰富网页表现能力)
第二章
HTML5是HTML最新版本
其特点：
1.良好的移植性：跨平台使用
2.摒弃过时标记
3.更直观的结构：新增了一些结构标记
如：
<header><footer>
<nav><section>
<aside>
<article>
4.内容和样式分离
5.下一代表单
6.音频和视频的支持
7.矢量图绘制
不足：HTML5标准并未能很好的被浏览器所支持
HTML基本语法：
html5的基本结构：
<！DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
……
</body>
</html>
双标记 如<p> </p> 单标记如<hr/>
属性基本语法
举例<a href=“URL”>名称</a>
<img src=“ url ” width=“200” height=“ 100”
alt=“ 因无法显示图片的描述语句”/>
<meta>定义元数据，用以描述网页信息。
具体应用如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="名称" />
<meta name="keywords" content="名称" />
<meta http-equiv="refresh" content="10" />
<title>meta元数据</title>
</head>
<body></body>
</html>第三章
基本的文字排版元素：
1. <p>
2.预先格式化<pre></pre>
3.<br>控制换行
4.<h1>~<h6>标题文字+大小
5.<hr>水平线
<br/>为单标记
特殊元素：
以下均为双标记：
<cite>作品标题
<sub>下标<sup>上标
列表常用元素：
无序<ul> <li>……</li></ul>
有序<ol> 也需要<li>，同上。
描述<dl><dd>
列表可嵌套
元素分为块级元素和行内元素
块级元素：霸占一行，首尾都有换行符，可设宽度。
如：
<p><section><header><footer><nav>
<address>等等
块级容器div元素，排版布局常用
行内元素：
可出现在某一行句子中而不必新起一行
一般不能设置宽高。
如<b><i><em><ins><del><strong>等等
行内容器元素span
html中添加注释的基本形式为
<！——注释内容——>
x<sup>2</sup>=9 表示 x²=9
第四章
文件路径分为：
1.绝对路径
包含指向目录或文件的完整信息
其次，在创建外部链接时必须使用绝对路径
nb8b i /
2.相对路径 /
一.文档相对路径：
a.引用同一目录直接写同一目录的名称
b.引用子目录文件，
就把子目录文件相对路径表示出：
该子目录文件上一层文件名称/要引用的子目录文件名称
如想引用上层目录文件，同理。
图像格式：
JPG GIF PNG
html5新增<video> 视频
<video src=“url” controls=“ controls” autoplay=“autoplay” width=“ ” height=“ ” >
</video>
其次，<video>不支持视频格式是FLV
<audio></audio>嵌入音频
用法同<video>。
嵌入swf动画可用<embed>标记
<figure></figure>表示网站制作页面上一块独立的内容。
<figcaption></figcaption>则是其独立内容的一个标题或解释。
今日已学废，明天继续。
更多推荐
HTML基础期末速成笔记
发布评论