HTML基本骨架

html-css026

HTML基本骨架,第1张

一、HTML

1.HTML,超文本标记语言,用来描述网页的一种语言,文件后缀名  .html/.htm

2.html的基本骨架如图

二、HTML骨架

head头部

1.<!DOCTYPE html>

是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义来解析文档。它出现如该文件的第一行.

2.lang 语言种类

定义为en 就是英文网页, 定义为 zh-CN 就是中文网页

3.字符集

在<head>标签里可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码.

charset最常用的值有GB2312 、BIG5 、GBK 和 UTF-8,其中UTF-8,称为万国码,基本包含了所有国家需要用到的字符.

4.<title></title>标签

定义网站的标题,如图

5.<link>单标签

引入外部文件,如引入favicon网站图标、引入CSS文件等等

6.<style></style>

内嵌样式表

body 写文档网页中的标签

    前面介绍了html,其实就是一个html文档的基本构架。

    那么html中它的标签就是构成骨架的重要的元素。即我们所看到的一个页面就是有各个标签的功能所构成的。

    如重要的标签div  是一个盒子。

    标题标签title

    标题标签h1~h6,有权重性。H1的权重性最高,越往后越低。Title与h标题的区别在于Title标题是用于整个页面的标题,h标题用于于文章中的标题。

      段落标签p

      超链接标签a标签

      行内标签span标签.

      无序列表标签ul>li

      有序列表ol>li

      还有经常用到的图片标签,img

    下面为整个标签的效果图

    当然了,你需要怎么样的排列布局,那就要用到相对应的标签和功能。排列成自己喜欢的网页,那就可以了。

    更多的知识,可以和我讨论,交流。

 

你说的是基本网页结构嘛?如下图

以 sublimeText为例:

1、新建cs01.html文件并且保存;

2、新建的文件中输入英文叹号“!”

3、紧接着敲 “Tab”键

最终得到上面的骨架,当然还有其他方法……