小张张带你一脚踹开web开发的大门

---

小张张带你0基础学习 web,初识web再也不害怕。

---

---

一、什么是HTML？

1.定义：

html元素是用来告诉浏览器自身是个html文档。

2.重点记忆:

html 元素是文档的根元素，它不包含 doctype 元素。

doctype 元素必须位于 html 元素之前。

---

二、主体部分：

1、< head >

定义：
< head > 标签用于定义文档的头部
重点记忆：
1、< head > 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等。
2、下面这些标签可用在 head 部分：< base>、< link >、< meta >、 < script >、< style >、< title >。

---

2、< title >

定义:
< title > 标签用于定义文档的标题。

重点记忆：
< title > 标签必须位于 标签内部。

---

3、< body >

定义：
< body > 标签定义文档的主体。
重点记忆：
< body > 元素包含文档的所有内容

---

**************************************说了这么多，我们是时候实践一下了。 *************************************

---

4、演示

---

---

三、简单的编写（讲解如何使用）

1、如何插入图片：

---

1、< img >

注意：

1、<img> 标签用于向网页中嵌入一幅图像。
2、<img> 标签有两个必需的属性：src 属性 和 alt 属性。
3、<img>为空标签 

记忆：

属性	值	描述
alt	text	指定图像的替代文本。
src	URL	指定显示图像的 URL。
width	px(pixels)、%	设置图像的宽度（像素或百分比）。
height	px(pixels)、%	定义图像的高度（像素或百分比）。
ismap	URL	将图像定义为服务器端图像映射。
longdesc	URL	指定包含长的图像描述文档的 URL。
usemap	URL	将图像定义为客户器端图像映射。

---

2、< area >

注意：

1、<area> 标签定义图像映射中的区域，图像映射指得是带有可点击区域的图像。
2、<area> 元素总是嵌套在 <map> 标签中。

记忆：

属性	值	描述
alt	text	定义此区域的替换文本。
coords	coordinates	定义可点击区域,对鼠标敏感的区域的坐标。
download	filename	该属性表明开发者想把超链接用于下载一个资源。
href	URL	定义此区域的目标 URL。
hreflang	language_code	指示链接资源的语言。仅当存在 **href ** 属性时才使用此属性。
media	media query	链接资源的媒体提示，例如 print and screen。如果省略，则默认为 all。仅当存在** href** 属性时才使用此属性。
rel	alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search、tag	对于包含 href 属性的锚点，此属性指定目标对象与链接对象的关系。仅当存在 href 属性时才使用此属性。
shape	default、rect、circ、poly	定义区域的形状。
target	_blank、_parent、_self、_top	规定在何处打开 href 属性指定的目标 URL。
type	media_type	该属性指定了用于链接目标的MIME类型的媒体类型。

2、如何超链接：

---

1、< a >

注意 ：

1、< a > 标签用于定义超链接，超链接可以让用户从一个网页跳转到另一个网页。
2、< a > 标签最重要的属性是 href 属性，它指定了链接目标的 URL。

记忆：

属性	值	描述
download	filename	指定被下载的超链接目标。
href	URL	指定链接指向页面的 URL。
hreflang	language_code	指定被链接文档的语言。
media	media_query	指定被链接文档是为何种媒介/设备优化的。
rel	text	规定当前文档与被链接文档之间的关系。
target	_blank、_parent、_self、_top、framename	1、_blank：在新窗口中打开2、_parent：在当前的父窗口中打开、3、_self：当前窗口打开 4、_top：在整个窗口中打开5、framename：在指定的框架中打开
type	MIME type	指定被链接文档的的 MIME 类型。

---

学了这么多，还不赶紧实践一哈。

---

效果展示

---

3、如何制作列表：

---

1、< ol >

属性	值	描述
reversed	reversed	规定列表顺序为降序。(9, 8, 7, …)
start	number	规定有序列表的起始值。
type	1、A、a、I、i	规定在列表中使用的标记类型。

---

2、< dl >

---

3、< dt >

---

4、< ul >

---

5、< li >

---

---

---

---

每周学习一点，小张张带你踹开web开发的大门！
若发现错误，请在下方指正！