《HTML & CSS设计与构建网站》第一章 学习小结

时间:2022-11-11 00:05:04

最新在读《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>

运行如下:成功!

《HTML & CSS设计与构建网站》第一章 学习小结