Web开发

首页 » 常识 » 常识 » 假期共成长在做web开发时
TUhjnbcbe - 2021/4/11 15:58:00

假期共成长

来自前端组冯婉晴同学的学习分享

HTML

什么是HTML?

在笔者初识HTML的时候,也认为它十分琐碎和枯燥,但很快就因为它层出不穷的网页效果而乐此不疲。HTML到底是什么呢?

HTML是HyperTextMarkupLanguage的简写,它不是一种编程语言,而是一种超文本标记语言,是网页制作过程中所必备的。这种标记语言也可以被称为一套标记标签。标签主要是通过一个个被尖括号包围的关键词来形成的,比如html,就是一个标签。我们熟知的浏览器就是通过读取HTML中的文档的标签,然后将读取出来的内容以网页的形式显示出来。

HTML的文档结构

所有的网页文件,都是通过三个部分来构成文档的骨架,下面就是一个最简单的html文档。

第一部分:是网页文件的最外层标签html,html所有的内容都要在这里面;

第二部分:head元素包含整个文档的一般信息,放在元素的最上面使用。

第三部分:body元素是html文件的主体标记,标签之间的文本是正文内容,是用户在浏览器中看到的。

HTML文档头部元素head

Head通常用于页面的一些基本语言的描述,如网页的标题和关键字。头部信息不会显示在浏览器窗口中。在head中可以使用的标签不多,但是title是必须要有的标签元素。Title是head元素的子元素,用于将内容显示在标题栏中,也可以作为浏览器中书签的默认名称。在浏览器中保存该页面后成为网页的文件名。

HTML文档主体标记body

Body放置的是页面的所有内容,如图片,文字,表格,表单,超链接等等,一般不能省略。Body中有自己的属性,设置body标签内的属性,可以控制整个页面的显示方式。

1)body标记常用的属性

2)在网页中,为了强调某一段文字,或者为了让文字有变化,HTML提供了一些标签产生这种效果,常见的文本风格标签如下

总结

刚刚打开网站学习HTML的时候,你可能感觉自己像面对一本厚重的字典一样,认为HTML既枯燥又难记。但其实HTML的学习门槛非常低,不需要像其他语言那样还要学习前置基础类语言,是可以直接上手的。在我们对HTML有了足够的了解之后,我们就可以很轻松的修改自己的网站或者博客的网页结构啦!当你有一张漂亮的PSD源文件图片时,你也可以很轻易的把这张图片进行切割,制作成一个网页。快来开始你的学习吧!

StudyHard

AndMakeProgressEveryDay

冯婉晴

编辑

李一萌

审核

杨嵩

琴理工作室

1
查看完整版本: 假期共成长在做web开发时