随着工作竞争越来越激烈，设计师需要掌握的技能越来越多，设计师不仅知道如何设计，还知道(认识)代码(可以手写代码，加金)，所以我们要做一个懂代码的设计师。好在杰森大学学的是代码，毕业后做了一段时间前端设计师。我将与你分享我的代码知识，让我们来快速了解一下。

html基础知识解析(一)

基础知识

Html语句由标签属性组成

Html标记由开始标记和结束标记组成。开始标记是用圆括号括起来的元素名，结束标记是用圆括号括起来的斜杠和元素名。但是，有些html元素没有结束标记，如br/和img，它们被称为单个标记。

html基础知识解析(一)

属性语法

1、写在标签上，并在标签后加代码，如p */p

2.属性名=' '(必须是英文引号，不能是中文引号。事实上，引号的使用对其显示没有影响，但添加引号是标准做法)

例如，align='center' align是属性名，center left right是属性值

3.有些标签没有任何属性(br)。虽然有些标签有属性，但可以在不影响使用的情况下添加(p/p)，但有些标签必须与属性一起使用才能正常显示(a/a)

html基础知识解析(一)

网页的基本结构

超文本标记语言

头部/头部

身体/身体

/html

Html、头和体是html代码的三个基本标签，其中

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

Head tag:其中的内容不能直接呈现在浏览器中，但会在后台操作中为html页面提供各种功能

正文标签:其中的内容将直接呈现在浏览器中，供读者浏览

必须记住的标签和属性

头部/头部之间

标题/头衔

标题/标题标签定义了html文档的标题。标题和/title之间的内容将显示在浏览器窗口的标题栏中。

html基础知识解析(一)

元标签

元标签类可以插入许多有用的元素属性。常用的有以下四种：

元名称='关键词'内容='研究，计算机'

用于标记搜索引擎在搜索您的页面时检索的关键字。

meta name='author' content='吴涛'

用于标记文档的作者。

meta http-equiv=" content-type " content=" text/html；charset=gb2312 "

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

meta http-equiv=" refresh " content=" 5；url=http://www.xnc.edu.cn "

用于自动刷新网页

html基础知识解析(一)

放在身体/身体之间

文本相关标签

文本标题

h#./h#

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

段落)p(段落)

空白占位符

包装br

文本的分区显示

div align=#./div(#=左、中、右)

我显示斜体文本效果。

渲染粗体文本效果。

大呈现大字体效果。

小呈现小字体效果。

html基础知识解析(一)

无序列表

无序列表是由ul和li元素定义的：

保险商实验所

li端口/li

li食物/li

li喝酒/li

li朋友/li

/ul

ul和li都可以添加类型属性，类型的属性值为圆盘(圆形)、圆形(圆形)和方形(方形)

有序列表起始值是数字

有序列表由ol和li :定义

开环（同Open Loop）

li端口/li

li喝酒/li

li朋友/li

/ol

.........

我的微信微信官方账号：UI yeating-越努力越幸运