WWW是World Wide Web的缩写，简称为Web
http：超文本传输协议(HyperText Transfer Protocol)（html—相当于是文本）
URL（Uniform Resource Locator）：统一资源定位符（网址），
http://www.mantou22.cn:8080/tmall_ssm/loginPage?loginname= &psd=
其实就是我们所说的网址
语法：http://< host>:< post>/< path>?< searchpart>
: 主机域名（DNS）或者IP地址（每一IP地址对应一个域名）eg： www.mantou22.cn
:端口号（eg:8080）
？：传递的
参数 eg: ?loginname= mt &psd=123456
http://localhost:63342/myWebProject/index.html
127.0.0.1
localhost：本机测试地址（127.0.0.1）
:63342 : 端口，
/myWebProject : 文件的路径
超文本标记语言（HTML:hypertext markup language）：重点
C/S(client/Server):客户端/服务端架构 eg：QQ
B/S（Brower/Server）:浏览器/服务端架构 eg：淘宝网
HTML:超文本标记语言（HTML:hypertext markup language）
HTML文档由HTML标签和用户定义的内容组成。
HTML标签是已定义好的标记，可用来控制页面显示的内容，例如文字、列表、段落、图像以及动画等。
html标签可以看作是HTML的命令(html代码就是我们的html标签)，通过指定标签可以定义网页的内容，通过指定标签的属性可以定义网页的内容的样式。
标签可以分为单标签和成对标签两种，单标签单独使用，成对标签成对使用。
有的标签既可以单独使用，也可以成对使用。<标签名/> <标签名>
成对标签使用**起始标签“<标签名>”和结束标签“</标签名>”**组成。成对标签的作用仅限于这对标签内部的内容。
语法：<标签名>内容</标签名> eg：
内容
**小总结：
1． Html文档的框架结构
2． http ，url的语法、 WWW
3． Html标签简介
HTML常用标签(掌握)
**
HTML的常用标签分为meta标签、文本标签、列表标签、分隔线标签、超级链接标签、图像标签等。
文本、图像、超级链接是网页的三类基本元素。其中，文本是网页发布信息的主要形式。通过设置文本的大小、颜色、字体以及段落和换行等，可以使文本看上去整齐美观，错落有致。
1．字体标签< font>—定义字体
属性： 表示该标签里面的样式
< font size="3" color="#cccccc" face="宋体">字体标签< /font>
< font>里面有三个属性 :
size用来指定文字大小。
color属性用于指定字体的颜色。
face用于指定字体的类型。
语法：<font 属性=“属性值” 属性=“属性值” 属性=“属性值”>< /font>
示例及代码实现：
字体标签
<font size="3px" color="#cccccc" face="宋体">字体标签</font>
这是蓝色五号楷体
<font size="2" color="blue" face="楷体">这是蓝色五号楷体</font>
< !–
标签： 换行–>
<br/>< !--< br/>标签： 换行-->
这是红色四号隶书
<font size="4" color="#FF0000" face="隶书">这是红色四号隶书</font>
< !–快捷键：ctrl+/ 可以写注释 font是字体标签 size：大小，color：颜色 face：字体–>**
小总结：
- < font>< /font>是成对标签， 不换行，里面有 size color face三个属性，用于修饰字体的样式----行级标签 不能自动换行
- < br/>----表示换行符(是单标签)
- html当中的注释为 :
< !-- -->
2．标题标签
HTML中提供了六级标题，为< h1>至< h6>。其中，< h1>字体最大，< h6>字体最小。
标题属于块级元素，浏览器会自动在标题前后加上空行。（自动换行）
< !–标题标签–>
h1
<h1>h1</h1>
h2
<h2>h2</h2>
h3
<h3>h3</h3>
h4
<h4>h4</h4>
h5
<h5>h5</h5>
h6
<h6>h6</h6>
3．换行标签
换行标签是**< br>或者< br/>**。
< br>标签是空标签，没有闭合标签------单标签
4．段落标签------将文字内容变成一个段落 ----块级标签，可以换行
< p>这是段落标签1< /p>
< !–默认左对齐–>
这是段落标签2（左对齐）
<p align="left">这是段落标签2（左对齐）</p>
这是段落标签3（居中）
<p align="center">这是段落标签3（居中）</p>
这是段落标签4（右对齐）
<p align="right">这是段落标签4（右对齐）</p>
< p>标签有一个属性align，用来指定文本显示时的对齐方式，可取center、left、right三个值。
注意：标签的属性只能作用于标签里的内容，不能作用嵌套标签里面的内容！
eg：
春晓1
春晓2
代码如下：
<p align="center">春晓1<p>春晓2</p>
春晓1能够居中，春晓2不能居中
小总结：
- 块级标签属性只能作用于标签里的内容，不能作用嵌套标签里面的内容！
- 行级标签可以（html5）
5．特殊字符
空格： 
其他的特殊字符，查表百度即可
列表
HTML代码中支持将若干列表项组织成有序列表、无序列表以及定义列表。
6.无序列表（unordered list）使用标签< ul>定义
列表项使用< li>标签定义,列表项的内容位于一对< li>标签之内。
- 无序列表1
- 无序列表2
- 无序列表3
- 无序列表4
代码如下：
<ul>
<li type="circle">无序列表1</li>
<li type="square">无序列表2</li>
<li>无序列表3</li>
<li>无序列表4</li>
</ul>
无序列表使用标签< ul>定义，列表项使用< li>标签定义，列表项的内容位于一对< li>标签之内。
< li>标签的type属性可以定义列表项的标记符。其中：
disc是默认值，为实心圆；
circle为空心圆；
square为实心方块；
7.有序列表
< ol>标签的type属性可以指定有序列表的项目符号的类型，type属性各个取值的含义如表所示
8.分隔线
< hr>标签可以在HTML页面中创建一条水平线，水平线可以将文档分隔成若干个部分。其属性及可取值如表所示。
9.超链接
创建文本链接使用一对< a>标签，其格式如下：
<a href=“…” target=“…”>文本</a>
其中，href指文本链接的目标资源的地址，target指在何处打开目标资源。target的可取值及其含义如表所示。**
重点属性：target=” _blank “: 新窗口跳转
默认： 当前页面跳转
补充：
1.< b>< /b> 加粗的效果 相当于 < strong>< /strong>
2.< i>< /i> 斜体 相当于 < em>< /em>
3. < del>< /del> 删除线
4.< u>< /u> 下划线
作业
代码实现
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta charset=UTF-8">
<title>英雄联盟（电子竞技游戏）</title>
</head>
<body>
<p>
<h1>英雄联盟（电子竞技游戏）</h1>
<b>《英雄联盟》</b>
（简称LOL）是由美国
<i>Riot Games</i>
开发，中国大陆地区由腾讯运营的网络游戏。
</p>
<p>
<b>《英雄联盟》</b>
除了即时战略、团队作战外,还拥有一百多位特色各异的英雄丰富的地图及玩法、自动匹配的战网平台，包括天赋树、召唤师系统、符文等元素
<u>[1]</u>
</p>
<p>2016年1月，根据官方数据显示，LOL全球最高同时在线已突破
<del>750</del>
900万，全球日活跃高达2700万，全球月活跃已达6700万，注册用户亿计，LOL已成为当今世界最具人气和影响力的网络游戏之一
<u>[2]</u>
</p>
<p>
<a href="https://lol.qq.com/act/a20190827anniversary/index.shtml?e_code=488254&idataid=274713" target="_blank">英雄联盟官网</a>
</p>
</body>
结果
扫一扫
760
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
