假期共成长
来自前端组冯婉晴同学的学习分享
一
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
文
冯婉晴
编辑
李一萌
审核
杨嵩
琴理工作室