HTML及CSS知识点、注意事项01

一.HTML：HTML是一种超文本标记语言，由一系列标记标签组成。

二.HTML能做什么：所有人机交互的页面（网页，小程序，手机APP界面）

三.HTML常用标签和注意：

1	注释标签	<!--注释的内容-->	注释的快捷键：CTRL+/
2	文本标题	<h1>~<h6>	h标签是双标签例如：<h1>内容</h1>。h标签从h6 到h1字号越来越大，加粗越来越明显。
3	段落	<p>段落文本内容</p>	<p>标签是双标签
4	加粗	(1)<b>加粗内容</b> (2)<strong>加粗内容</strong>	(1)<b>标签是单纯的加粗作用 （2）<strong>标签除了加粗还有强调的作用
5	倾斜	(1)<i></i> (2)<em></em>	(1)<i>标签是单纯的倾斜作用 (2)<em>标签除了倾斜还有强调的作用
6	删除线	(1)<del>内容</del> (2)<s>内容</s>
7	上标	<sup>内容</sup>	如数学里2的平方计算需要用到
8	下标	<sub>内容</sub>	如化学里元素下标
9	强制换行	<br>	换行是单标签
10	水平线	<hr>	水平线也是单标签
11	div标签	<div></div>	用于网页划分区域和色块的搭建
12	span标签	<span></span>	与 CSS 一同使用时，元素可用于为部分文本设置样式属性

四.HTML列表：

1无序列表	2.有序列表	3.自定义列表
<ul> <li>内容</li> </ul>	<ol> <li>内容</li> </ol>	<dl> <dd>内容</dd> <dt>内容</dt> </dl>
列表样式：type=circle空心圆  disc实心圆  square方形  默认是实心圆	列表样式：type=A 大写的字母 a 小写的字母 i 小写的希腊1 I大写的希腊I start可以控制第一个列表开始的数字，如start=“4”就是从4开始 start=“c”就是从c开始	<dd>可以是图片，也可以是文字</dd> <dt>对dd内容的解释</dt> <dd></dd>只能有一个 <dt></dt>可以有多个

五.图片插入：

<img  src=“图片的路径”   title=“鼠标悬停上去的提示信息”  alt=“图片加载失败之后的提示信息"/>

图片的绝对路径：指文件在电脑硬盘中存在的路径。如D：\imges\logo.png

图片的相对路径：指图片的位置与当前html文件在同一文件夹下可直接输入图片的名字，或者输入./或者../查找图片

六.超链接：

<a  href=“连接的网址或者地址”  title=“鼠标悬停的提示信息”  target=“规定在何处打开文档">内容</a>

Target： target=“_self“ 当前窗口打开 target=“_blank“  新窗口打开

七.表单：

<form action="" method=""></form>

action 向何处发送数据

method属性两种值：

（1）get：安全性低，传输的数据量小

（）post：安全性高，传输的数据量大

文本框:<input type="text" placeholder="" value="" name="">

密码框：<input type="password" placeholder="" value="" name="">

placeholder：显示提示信息

value：文本框里的内容

name:命名（不命名不能传输数据）

提交：（1）<input type="submit" value="登录">

value里值显示按钮的提示信息

（2）<button></button>和submit作业一样

（3）<input type="button" value="登录">  只是一个按钮，没有作用

重置：<input type="reset" value="清除">