HTML网站建设基础知识解析！

随着岗位竞争的越来越激烈，而设计师掌握的技能要求也越多，设计师不光只会设计，而且也要懂（会）代码（会手写代码更会加金的），所以我们要做一位懂代码设计师，还好Jason在大学学过代码，毕业也做过一段时间的设计+前端，下面将为大家总结HTML网站建设基础知识！

基础认识

html语句是由标签+属性构成的

html 标签由开始标签和结束标签组成，开始标签是被括号包围的元素名，结束标签是被括号包围的斜杠和元素名，但某些 html 元素没有结束标签，比如
、，这类标签称为单标签。

属性的语法

1、写在标签的<>内，而且在标签代码之后，如<p *>

2、属性名=""(一定得是英文的引号，不能是中文的引号。其实不用引号对于它的显示没有影响，但加上引号为标准做法)

如 align=“center” align为属性名 center left right是属性值

3、有的标签没有任何属性（
），有的标签虽然有属性，但可以不加上也不影响它的使用(

),但有的标签则是必须与属性连用方能正常显示( )

网页的基本结构

html，head，body 是html代码必不可少的三大标签，其中

html标签：用于定义html文件的标签，这个标签意味着这个文件是一个html文件

head标签：里面的内容不能再浏览器中直接呈现，但它会用后台运作的方式为html页面提供种种功能

body标签：里面出现的内容会在浏览器中得到直接呈现，供读者浏览

必须要记住的标签和属性

放在之间的

标签定义html文档的标题。 之间的内容将显示在浏览器窗口的标题栏。 标签 标签类可以插入很多很有用的元素属性。常用的有以下四种：

用来标记搜索引擎在搜索你的页面时所取出的关键词。

用来标记文档的作者。

用来标记你的页面的解码方式。

用来自动刷新网页

放在之间的

与文字相关的标签

文字标题

<h#> … </h#>

#=1, 2, 3, 4, 5, 6

段(paragraph)

空白占位符

换行

文字的分区显示

...

(#=left, center, right)

显示斜体文本效果。

呈现粗体文本效果。

呈现大号字体效果。

呈现小号字体效果。
html基础知识解析（一）

无序列表

无序列表是由

• 和
• 元素定义的:

• sports
• food
• drink
• friends
• • 和
  • 中均可加入type属性，type的属性值有：disc(圆)、circle（圆圈）、square（方块）

  有序列表 start 值为数字

  有序列表由

  1. 和
  2. 定义:
• sports
• drink
• friends