- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 元素是 HTML 页面的根元素
- <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
- <h1> 元素定义一个大标题
- <p> 元素定义一个段落
内部样式表:当单个文件需要特殊样式时,在<head>部分通过 <style>标签定义内部样式表:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
外部样式表:当样式需要被应用到很多页面的时候,你就可以通过更改一个文件来改变整个站点的外观:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
class | 为html元素定义一个或多个类名(classname)(类名从样式文件引入) |
id | 定义元素的唯一id |
style | 规定元素的行内样式(inline style) |
title | 描述了元素的额外信息 (作为工具条使用) |
HTML 标签:
- hr:定义水平线;
- <!--....-->:注释;
- font:定义字体样式;
- br:换行;
- b,em:都是字体加重;
- i:定义斜体字;
- ins定义插入字;
- del:定义删除字
- abbr:定义缩写;
- address:定义地址,<address><a href="地址">DZ</address>
- <a href"">连接<a>
HTML 元素:
-
<head>:饱含所有元素标签,可以添加头部标签有:<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.还可以插入(scripts), 样式文件(CSS)
- <title>:定义不同文档的标题。
- <base>: 标签描述了基本链接地址/链接目标,该标签作为HTML文档中所有标签的默认连接。
- <link>:标签定义了文档中与外部资源之间的关系,通常用于链接到样式表。
- <style>:标签可以定义了HTML文档的样式文件引用地址,在<style>元素中可以直接添加CSS样式来渲染HTML文档。(定义文本样式)
- <map name="" ;id=""><area shape="形状" coords="坐标" alt="text" href="url">定义图像映射中的区域</area></map>:用于图像映射,图像映射指的是带有可点击区域的图像
HTML 属性:
- 设置字体:font—family(字体),color(颜色),font-size(字体大小),text-align(字体对齐)
- 设置图像:<img src="源属性的值是图像的 URL 地址。" alt="替换文本属性的值是用户定义的,假如说图像不显示的话系统会显示这个文本" width="图片宽度" height="图像高度" usemap="图像映射的名字或ID">
- margin:这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度
- clear: 设置浮动,none:允许两边都可以有浮动,both:不允许有浮动对象,left:不允许左边有浮动,rigth:不允许右边有浮动。
HTML 标签:<input type="" name="' valuem="">
- <input type="radio" name="sex" valuem="male">Male <br> <input type="radio" name="sex" valuem="Female"> Female
- <textarea></textarea>
- 下拉框:<from action="提交地址">
- <select name="cars">
- <option value="A"> A<option>
- <option value="B"> B<option>
- <option value="C">C<option>
- </select>
- </from>
- <fieldest><legend>定制标题</legend></fieldest>:将表单内相关元素分组,标签会在相关表单元素周围绘制边框。
- <datalist id="ID"></datalist>用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据 <INPUT LIST="ID">