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>

双标记如  单标记如<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. 
2.预先格式化<pre></pre>
3. 控制换行
4.<h1>~<h6>标题文字+大小
5.<hr>水平线

 为单标记
特殊元素：
以下均为双标记：
<cite>作品标题
下标上标

列表常用元素：
无序<ul> <li>……</li></ul>
有序<ol> 也需要<li>，同上。
描述<dl><dd>
列表可嵌套

元素分为块级元素和行内元素
块级元素：霸占一行，首尾都有换行符，可设宽度。
如：

<p><section><header><footer><nav>

<address>等等
块级容器div元素，排版布局常用

行内元素：
可出现在某一行句子中而不必新起一行
一般不能设置宽高。
如<ins><del>等等
行内容器元素span

html中添加注释的基本形式为
<！——注释内容——>

x2=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基础期末速成笔记相关推荐

编译原理期末速成笔记
哈喽大家好,又要考试了,在这里分享一下我的两天速成笔记,参考视频为哔站 Deeplei_ 的<编译原理期末速成>.本文仅是知识点总结,至于考试内容待我研究一下,后续我会再发文对考试的各个模 ...
计算机网络期末速成笔记
(需要电子版撕我) 目录一.计算机网络概述 (一)计算机网络的概念 (二)计算机网络体系结构二.物理层 (一)物理层的基本概念 (二)物理层的基本通信技术三.数据链路层 (一)数据链路层的基础概 ...
光电技术与光纤基础期末复习笔记
光电复习一.基础知识 (1.)光电检测系统组成:光源,信息载体,光学系统,光电探测器,信息处理装置 (2).幅射度学(下标e): (3.)光度学(下标v) 1.视见函数V(波长r)在波长为555nm ...
基础会计学习笔记8-过账和试算平衡
基础会计学习笔记8-过账和试算平衡 [@more@] 过账:根据分录将业务记入有关账户的过程. 是日常会计核算的一个步骤发生业务-编制凭证分录-登帐编制分录到登帐的过程称为过账 ,POST 过账一 ...
【期末复习笔记】知识产权法——著作权、专利法、商标权
[期末复习笔记]知识产权法著作权著作权法不予以保护的客体著作权的归属著作权的内容著作人身权著作财产权著作权的取得方式:自动取得著作权的保护期限: 邻接权表演者权表演者义务表演者权 ...
【Python数据分析与可视化】期末复习笔记整理（不挂科）
[Python数据分析与可视化]期末复习笔记 1. 数据分析与可视化概述对比概念常用工具 Python常用类库 Jupyter notebook中的常用快捷方式 2. Python编程基础 co ...
RFID原理及应用期末复习笔记 | 1.RFID概述【完结✿✿ヽ(°▽°)ノ✿】
系列索引:RFID原理及应用期末复习笔记 | 快速索引 RFID是博主大三下的一门专业课,因为疫情缩短学期进程提前结课,所以期末考试也来的更早,这里就简单记录一下自己复习时的一些笔记,也给后来的学弟学 ...
C语言速成笔记 —— 考点详解知识点图解
C语言速成笔记文章目录 C语言速成笔记第一章分置于循环一.选择结构 1. if 语句 2. switch 语句 3. 条件操作符二.循环结构 1. while 循环 2. do while ...
爬虫期末考试笔记(选择题)
常用获取数据的方式? 企业产生的数据数据平台购买的数据政府.机构公开的数据数据管理公司的数据爬虫的概念? 网络爬虫又称为网页蜘蛛.网络机器人是一种按照一定的规则自动请求万维网网站并提取网络数据 ...

HTML基础期末速成笔记

HTML基础期末速成笔记相关推荐

最新文章

热门文章