没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/release/download_crawler_static/89127604/bg1.jpg)
《
哪怕坚如磐石也有被磨损的那天》
第一章
1.Html 基础概念:
Html 是全球广域网上描述网页内容和外观的标准,网页超文本标记语言,html 不是一款编
程语言,是一款描述性的标记语言。Html 是超文本标记语言,主要通过各种标记来标识和
排列各对象,标记与标记之间可以相互嵌套,也可以放置各种属性。
2.html 基础:
1.无论采用哪一种网页编辑软件,最后所设计的网页都将转化为 html 文件,htnl 是搭建
网页的基础语言。
2.认识 html:
html 即网页超文本标记语言。一种描述性的超文本中的显示方式。当浏览器收到 html 文
件就会解释里面的标识符,然后把标识符对应的功能表达出来
3.Html 基本语法:<标记符> 内容 </标记符>
在 html 文件中,所有标记符都是成对的,一个开头标记为<>,一个结束标
记为</>作为结尾,在这两个标记之中添加内容。(此外在源文件中的标记是不区 分大小写
的)
标记符功能例子:<i>…</i>#定义文字为斜体
<b>…</b>#定义文字为粗体
4.Html 文件的基本结构:完整的 html 文件包括标题,段落,列表以及各种嵌入式对象,
这些对象统称为 html 元素
一个 html 文件基本结构如下:
<!doctpye html> #告知浏览器文档所使用的是 html 规范
<html> #<html>文件开始标记,表示网页文档
的开始,<html>…</html>相当于一个 html 文件的框架
<head>… </head> #...其中包裹的是文件头,也亦是文件
头范围,<head>文件头开始标记,</head>文件头结束标记
<body>… </body> #...其中包裹的是文件主体,也亦是文
件主体范围,<body>文件主体开始标记,</body>文件主体结束标记
</html> #<html>文件开始标记,</head>文件结
束标记
![](https://csdnimg.cn/release/download_crawler_static/89127604/bg2.jpg)
第二章
1.头部标记<head>:
<head>… </head>,Html 页面的标题一般用来说明页面的用途。
2.页面标记<title>:
语法:<title>…</title>
它显示在浏览器的标题栏中,用于简短的说明当前网络页面。在 html 文档中,标题信息是
设置在<head>… </head>之中,其中页面标题标记是以<title>开始,以</title>结束。
(如果在头部标记中只需要页面标题信息,则可以无需运用到<title>标记,便可直接书写)
在 html 中<head>的元素作用域为整篇文档,在<head>中也不止存在定义一个页面标题这
能力,(所以有时页面标题要用<title>标记单独指出)。还可以在头部文件其中定义一些
基础的信息,如元信息,和文本样式,脚本等在 html 头部标记中。(并不是所有头部文件
的内容都会在浏览器中直接显示。如元信息,脚本样式等,它们只会出现在编译器中,目
的是方便程序的管理)
3.元信息标记 meta:
Meta 元素提供的信息不显示在运行后的网络网页中,一般用来定义页面信息的说明,关键
字,刷新等。元信息标记 meta 书写于头部文件中。在一个 html 页面中可以有很多个 meta
元素。其中 meta 的属性可以分为两种 name 和 http-equiv。
其中 name 属性主要作用于:描述网页,以便搜索引擎的查找,分类。
http-equiv 属性主要作用于:告知浏览器以什么样的方式来解析网页内容(http-
equiv 用于传输 http 通信协议的标头)
4.Meta 标记的写法:
Meta 标记不需要设置结束标记,只要在 meta 标记其中就是一个 mtea 内容。
其中关于 name 属性的写法:
检索网页信息都是通过关键字来实现的,设置好关键字便于网页搜索
1.<meta name=“keywords” content=“输入具体的关键字”> #该语法中 name 为属
性名称,此处为 keywords,而 content 输入具体的关键字
![](https://csdnimg.cn/release/download_crawler_static/89127604/bg3.jpg)
设置页面说明,方便于网页搜索
2.<meta name=“description” content=“设置页面说明”> #语法中 name 为属性
名称,此处为 description,而 content 定义具体的描述语言
定义 html 源代码编译器工具,在源代码的头部显示网易编辑器工具的名称
3.<meta name=“generator” content=“输入具体编辑工具名称”> #语法中 name 为
属性名称,此处为 generator,而 content 输入具体编辑工具的名称
在源代码中添加网页制作者的姓名
4. <meta name=“author” content=“输入网页源代码作者姓名”> #语法中 name 为
属性名称,此处为 author,而 content 输入网页源代码作者姓名
其中关于 http-equiv 属性的写法:
在网页中可以设计语言的编码方式,这样浏览器就可以正常正确的选择语言,而不需要人
工选取。
1.<meta http-equiv=“content-type” content=“text/html;charset=字符集类型”/>
#(此处特殊 text/html;charset=字符集类型才是属性值)
# http-equiv: http-equiv 属性是用于控制浏览器如何解析和显示网页内容的一种方式。
不同的 http-equiv 参数值会告诉浏览器执行不同的操作或设置不同的参数,以实现不同的
网页效果.
# content-type: http-equiv 属性设置为 Content-Type 这告诉浏览器,这个元数据实际
上是定义了 HTTP 头部信息的内容。浏览器通过 Content-Type 这个标记来了解文件类型,
而不是后缀名。
# content=“text/html;charset=utf-8: 是告诉浏览器这个 HTML 文档的类型是文本,
并且 HTML 文档的字符集编码是 UTF-8。
# content:content 属性是<meta>标签中用来指定头部信息的具体内容
# charset:charset 用于设置网页的内码语系,也就是字符集的类型,国内常用的是 GB
码,charset 往往设置为 gb2312,即简体中文。英文是 ISO-8859-1 字符集,此外还有其他
的字符集。
设置网页定时跳转。
2.<meta http-equiv=“refresh”content=“跳转时间”;url=“要跳转的地址”>
#语法中 http-equiv 为属性名称,此处为 refresh,content 属性值设置为更新时间。
(refresh 表示网页刷新,默认情况下跳转时间以秒为单位)
拓展:meta 的两种属性可以混合使用
例子:
<head>
![](https://csdnimg.cn/release/download_crawler_static/89127604/bg4.jpg)
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="这是一个关于网站开发的示例页面。">
</head>
5.页面注释标记:
语法:<!- -注释内容- -> #注释范围既可以单行也可以多行
6.标题字:
Html 文档中包含各种级别的标题,各种级别标题由<h1>到<h6>元素来定义,其中<h1>代表
最高级别的标题,<h6>代表最低级,依次递减。
语法:<h1>一级标题</h1>
…
<h6>六级标题</h6>
7.标题字对齐属性 align:
默认情况下,标题文字左对齐。语法:<align = 对齐方式>
Left,左对齐
Center,居中
Right,右对齐
例子:<h1 align =“left”> 一级标题左对齐 </h1>
8.段落标记<p>:
<p>是 HTML 中的段落标记,用于定义文本块,以表示文本内容的不同部分。建议对每个段
落都使用<p>标签进行标记,这样可以有助于浏览器更准确地识别和呈现文本内容。<p>是
一个段落的开启标记。它表示从这里开始一个新的段落,直到遇到下一个<p>标记为止。
在 HTML 中,每个<p>标记之间的文本会被视为一个独立的段落.
语法:<p>…</p> #用于段落与段落之间,相互隔开(
段落标记可以没有结束标记</p>,
而每一新的段落标记开始的同时意味着上一段落的结束
)
(用于区分段落,但每区分的一个段落前方都没有空两格)
例子:
方法一:
<p align=“*”> 一个段落 </p>
<p> 又个段落 </p>
剩余23页未读,继续阅读
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/c734338bfca449b883278be2824f9442_qinsewul.jpg!1)
真的看不清
- 粉丝: 1
- 资源: 2
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)