Web前端开发——HTML

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

Web前端考试总结

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、HTML

二. HTML与HTML5 （网设计题（30分） （设计HTML代码 和 CSS样式））
超文本标记语言HTML是一种建立超文本/超媒体文档的语言，它用标签标记文档中的文本及图像等各种元素。它具有语言的一般特征，即它是一种符号系统，具有自己的词汇（符号）和语法（规则）。

Attribute n.属性 multiple 多重的 sparated 分开的
• 多重属性间通过空格分割
• 属性名和属性值（属性值放在“”里）间通过 = 进行赋值
把HTML标记(如p>…</p)和标记之间的内容组合称为元素（文字， 图像， 链接 等所有的内容）。

1. HTML常用标记及属性
   （1） 结构标记
   html, head, body
   

（2） 段落
marquee, hr

（3） 文本
标题标记h1> …… h6>
段落标记p>
预格式化标记pre>
换行标记 br>

常用字符实体：
& nbsp（专用名称或字符代号） ; 表示空格
< 表示 <
> 表示 >
&quot 表示 “
& 表示 &

（4） 头部标记：
title, meta, link, style
• meta是元信息标记，是描述网页文档信息的标记。可以描述文档的编码方式，文档的关键字，文档的刷新等。
•

（5） 列表标记

（6） Div和span 标记
用来在其中放置任何网页元素，就像一个容器一样，主要作用是通过引入CSS属性对容器内元素内容的表现进行设置。
div>标记是一个块级的容器，其默认的状态就是占据整个一行。
span>标记是一个行内的容器，其默认状态是行内的一部分，占据行的长短由内容的多少来决定。

（7） 表格
表格的主要作用：显示格式化数据。
table> 标记定义表格
tr> 行
td>或th> 单元格


使用 thead、tfoot 以及 tbody 元素，就应该按顺序使用全部的元素

（8） 超链接标记 a>

超链接是通过URL（统一资源定位器）来定位目标信息的。
URL（分为绝对URL和相对URL）包括4个组成部分：网络协议、域名或IP地址、路径和文件名。
Href 属性

• target 属性规定在何处打开被链接文档(只能在 href 属性存在时使用)。
• 超链接的title属性，其作用是在鼠标停留在该元素上时显示设置的说明文字

（9） 图像标记<img是一个构成一个的元素是行内元素
图像文件的类型主要有：jpg格式、gif格式、png格式。

2. HTML元素及分类
   
3. 表单标记及JavaScript控制（form、input、textarea、select、option, label ）