最新在读《HTML&CSS设计与构建网站》这本书,是一位学长听说我要自学前端赠送给我的,所以我在读完每一章节后,将学到的东西以博客形式记载下来,一是为了以后方便复习巩固,二来记录自己的学习过程,加油吧!
(一)网络访问机制
1.我通过internet服务提供商(ISP)连接到网络,并通过在浏览器中输入域名或是网址的方式来访问网站。
2.我的计算机连接到一个称为域名系统DNS的服务器网络。DNS有点类似于电话薄,他将对域名对应的IP地址告诉你的计算机。传统上,IP地址是一个12位的数字,他被句点分为四段,不过,现在最新的IP地址包括32个字符。每一台联网的计算机都具有唯一的ip地址(就像是这台计算机的手机号码)。
3.DNS服务器返回的IP地址能让浏览器连接到托管你所要访问的WEB服务器,web服务器是一台始终联网的计算器,它专门用于向用户发送网页。
4.最后,web服务器将请求的页面发送到你的web浏览器中。
第一章 结构
1.Html页面是文本文档,html元素由两个标签组成:起始标签和结束标签,标签的作用就像容易,它们告诉你两个标签之间的内容的结构信息。
<html> </html> 之间的所有内容都是HTML代码
<head></head>包含了有关这个页面的一些信息
<title></title>内容显示在浏览器的顶端,若有多个页面,则显示在页面所在的选项卡上。
<body></body>之间的所有内容会显示在浏览器主窗口中
<h1></h1>主标题 <h2></h2>副标题
<p></p> 段落
2.特性提供有关元素中内容的附加信息。它们出现在元素起始标签中,并且由两部分组成:特性名称和特性值,中间由等号隔开
<p lang = “en-us”> lang特性用来表明元素中所使用的语言,这里的特性值表示他使用的是美式英语。
3.HTML :Hyper Text Markup Language 超文本标记语言。超文本指的是HTML允许你通过建立链接,使访问者简捷的从一个页面跳转到另一个页面。标记语言允许你对文本进行注释,而这些注释为文档的内容提供了更多的注解。如果想创建一个页面,我们就要在希望显示的原始代码文本周围添加代码,然后浏览器借助这些代码将页面正确的显示出来。而我们所添加的标签就是标记。
4.学习Html就要学习哪些标签可用,它们有什么作用以及可以用在何处。
最后,利用第一章所学的知识,写了我的第一个网页!
代码如下:
<html>
<head>
<title>first page</title>
</head>
<body>
<p>hello!This is lena first page</p>
<p>welcome!</p>
</body>
</html>
运行如下:成功!