网页设计(HTML和CSS)
HTML文件:网页文件,通过浏览器打开。(创建文件最简单的一个方法:文本文档改后缀名)
一次完整的HTML请求过程:
- 域名解析(DNS) ---- 得到服务器IP地址,就可以访问
- TCP建立连接(三次握手)----建立本机与服务器的连接
- 建立TCP连接之后,发起HTTP请求(浏览器请求访问服务器)
- 服务器端响应http请求,浏览器得到html代码
- 浏览器解析html代码,并请求html代码中的资源
- 浏览器对页面进行渲染呈现给用户
(补充:bin:主程序相关文件、jre lib:相关文件库、plugins:配置相关)
小总结:1.编写html代码的时候,一定是成对标签出现 eg:
2.html文件的后缀名是 .html 不是 .10html
file:文件,一般有保存打开,设置等功能。
Edit:编辑,粘贴复制等功能
View:视图
Navigate: 导航
常识:
1.WWW是World Wide Web的缩写,简称为Web
2.http:超文本传输协议(HyperText Transfer Protocol)(html—相当于是文本)
3.URL(Uniform Resource Locator):统一资源定位符(网址),
超文本标记语言(重点)
架构:1.C/S(client/Server):客户端/服务端架构 eg:QQ
2.B/S(Brower/Server):浏览器/服务端架构 eg:淘宝网
HTM:超文本标记语言(HTML :hypertext markup language)
HTML文档由HTML标签和用户定义的内容组成。
HTML标签是已定义好的标记,可用来控制页面显示的内容,例如文字、列表、段落、图像以及动画等。
HTML标签:
1.html标签可以看作是HTML的命令(html代码就是我们的html标签),通过指定标签可以定义网页的内容,通过指定标签的属性可以定义网页的内容的样式。
2.标签:单标签和成对标签
(单标签单独使用,成对标签成对使用。有的标签既可以单独使用,也可以成对使用)
成对标签的使用:<标签名/> <标签名>
成对标签使用起始标签“<标签名>” 和 结束标签“</标签名>” 组成。成对标签的作用仅限于这对标签内部的内容。
HTML常用的标签(掌握)
- .HTML的常用标签分为meta标签、文本标签、列表标签、分隔线标签、超级链接标签、图像标签等。
- content-language:用于指定页面的编码方式。
- 文本、图像、超级链接是网页的三类基本元素。其中,文本是网页发布信息的主要形式。通过设置文本的大小、颜色、字体以及段落和换行等,可以使文本看上去整齐美观,错落有致。
补充:
1.<meta>
标签: 是<head>
的子标签,主要用于定义页面的一些相关信息。
2.meta标签可以分成两大部分,HTTP标签信息(http-equiv)和页面描述信息(name)。
1.字体标签<font>
—定义字体
属性: 表示该标签里面的样式
<font size="3" color="#cccccc" face="宋体">字体标签</font>
<font>
里面有三个属性 :
- size用来指定文字大小。
- color属性用于指定字体的颜色。
- face用于指定字体的类型。
语法:
<font 属性="属性值" 属性="属性值" 属性="属性值"></font>
<font siz