<!DOCTYPE html>: 这句声明,是告诉浏览器,请使用HTML5标准来执行这个网页。
<!-- --> 注释意义:1.把暂时不用的代码注释起来,方便以后使用。2.对开发人员进行提示。光标悬停在开头按住ctrl + /
<hr /> 水平线
<br /> 换行标记
  空格
图片标签
<img src = " (图片的路径) " /> 多图片时,默认一行显示,且为底部对齐
其中还有属性title = ''value'',指鼠标放在图片上会显示出来图片的提示信息value
alt = "value", 指当图片无法显示时,会显示value值,如value为小仙女
超链接标签
<a href = " (连接到的网页地址) "> </a>
其中常用属性有 target = "_blank" 指在空白页面打开此链接
与a标签链接相关的还有base单标签,用于控制所有a标签的链接或打开方式,通常写在head里,如<base target = "_blank"/>
锚点 方法一: href#号 对应 id属性; 方法二: href#号 对应 name属性
表格标签
<table> <tr> <td>
<table> 其常用属性有border 值为像素。 cellspacing 指单元格间隙,值为0时指单元格与单元格之间空隙为0
<caption> 指整个表格标题
<tr> 指表格的一行
<td> 指表格的单一单元格
<th> 表头,tr下的,可理解为 th = 加粗并水平居中的td
要习惯养成表格里拥有thead、tbody、tfoot语义化标签的习惯,无实际文本效果,只是为了结构的完整,注意只有tbody可以拥有多个。
table表格常用的属性:border、cellpadding(单元格内的空间)、cellspacing(单元格之间的空间)、rowspan、colspan、align(左右对齐方式)、valign(上下对齐方式)
表单
- 表单必须由form标签来创建
- form必须有action属性,表示后面按钮点击后将表单提交的地址。还有method属性,其值有get和post
- input按钮的文字,由value属性表示
- input必须放在form标签内才能提交
- input之所以会有各种样式如点击按钮,账号输入,密码输入,单选框等,是因为type属性的作用,type属性值常见有:text(文本输入框)、password(密码输入框)、radio(单选框)、checkbox(复选框)、button(普通按钮)、submit(提交按钮)、reset(重置按钮)、file(文件选择框)、textarea(多行文本框,配合cols和rows属性)、select(下拉菜单,配合子标签option)
get请求和post请求的区别:
get通常指获取数据;post通常指提交数据;
get请求发送的数据都写在地址栏上,用户可见; post请求发送的数据用户不可见
get请求不能提交大量数据,但post可以,所以不要混淆了
form表单里input常用到的属性placeholder=”请输入密码“,text文本的提示文字,获得光标后提示文字消失
checked;默认勾选, disabled;该选项不可选
容器
- <span>标签 一个容器标签,不具备任何特殊功能,仅当作容器来使用。用于包裹一段文本,便于给文本增加样式。宽度为内容宽度。也可理解为用来修饰文字,div和span都是没有任何默认样式的,需要配合css才行。
- <div>标签 一个通用容器标签,不具备任何特殊功能,仅当作容器来使用。可以包裹任何内容,也可以容器间相互包裹。一个空的div,默认宽度100%,高度为0,高度随内容变化而变化。
CSS引入
- 内联样式:直接标签内通过style=”属性=属性值;“ 来引入
- 内部样式:在head头部里通过<style>双标签来引入
- 外部样式:通过<link rel = " ", href=" ", style=" ">单标签在head头部里引入,link通常用来指引入外部资源,rel指引入的外部资源类型(即资源与当前文档的关系),href指引入的外部资源地址。stylesheet指文档外部样式表。