1.HTML译为超文本标记语言。
2.了解初始生成代码行
1)meta用来修饰网页。
2)charset式文本编码方式,utf-8是浏览器解析的编码方式。
3)一般选择编码方式UTF-8。
3.注释
注意:注释不可以嵌套使用。
4.在html中所有连在一起的空格或者换行只会被解析为一个。
5.文本格式标签:
<pre></pre>
1)作用为保留文本原有格式,可用来解决4.中的问题。
6.初学部分标签
1)文本标签:
<i>斜体</i> <b>加粗</b> <u>下划线</u> <s>删除</s>
2)段落标签和一些单标签:
<p>段落标签</p> <hr>分割线 <br>换行   空格 © 版权符号
7.标题标签
<h1>一级标题</h1>
共有六级标题 <h2><h3>类推。
8.<a>标签
<a href = ""></a>
1)href是属性,“”中是属性值。a标签中也可以加align表示位置,width表示宽,color表示颜色。
2)target="blank" 意为新建一个网页。
9.标签的分类:
标签主要分为两大类:块级元素和行内元素。
两者的区别主要有:
1)块级元素总是在新的一行显示,并且可以随意控制宽高。
2)行内元素在一行显示,除非占满溢出。随文本的内容变化而变化。可以随意设置行高,但是不能随意设置宽高。
10.路径的区别:
<img src = "存放地址路径"/>
1)src的全称是source,为统一资源路径。
2)绝对路径:完整描述图片的路径。
3)相对路径:从当前的目录为起点到所在目录。其中"../"为返回上一级文件夹,下一级文件夹就是文件夹名称。
4)盘符路径:直接跳转到当前文件所在盘符的根目录。
11.有序列表和无序列表
<ul> <li>1</li> <li>2</li> </ul> <ol > <li></li> </ol>
1)type设置类型,有序列表中用start设置开头。
2)常用的是无序列表,主要用于当行或者菜单。
12.不推荐用HTML修改样式,内容与表现分离。
13.元素的分类:
1)元素分为三大类:行内元素,行内元素 ,行内块级元素。
2)行内块级元素是开发者分类出来的,定义上只有两类。
14.图片:title和alt的区别
<img src="路径" title="鼠标悬浮上去显示的内容" alt="当图片加载不出来的时候显示的内容"/>
15.表格的基本结构
<table border="1px solid black" cellspacing="0" cellpadding=""> <tr >Header</tr> <tr> <th> <td cosplan="" rowspan="">Data</td> <th> </tr> </table>
1)<caption></caption>是表格的标题
2)<th>是自带居中和加粗的效果。
3)cellpadding是 指单元格文本到边框的距离(内填充)
4)cellspacing指的是单元格之间的间距。 用了这两个属性调整表格大小就不要用width 和 height调整。
5)border是指边框的设置,插入代码表示边框为1像素 实线 和黑色。
6)cosplan=""表示合并列,rowspan=“”表示合并行,如果合并了行或者列,就要删除对应的行或者列,否则会溢出多余的单元格。
16.表单
<form action ="提交的地址" method = "提交的方式"></form>
<input type="类型" value="提交的值" name ="" placeholder="输入框中的提示信息。"/>
1)input输入框是一个单标签。
2)type中可以填写的常用属性值:
text:文本信息;
password:密码(输入内容不可见);
radio:单选框,在选择框中加上 check="check"为默认选中,一组单选框中,如果要添加多个radio单选选项并且只能有一个被选中,保持name值相同。
checkbox:复选框,勾选框,比如阅读同意用户协议等出现。
3)下拉选择框:在下拉菜单中选择值。每一个option就是下拉选择中的一个选项。
<select name=""> <option value=""></option> <option value=""></option> </select>
4)输入文本域:
<textarea name="" rows="" cols=""></textarea>
5)按钮:
<button></button>
①提交按钮必须在form表单的包裹之中。
②提交的时候会刷新页面。
③提交前后端之间的通信参数,get提交的参数在?后面会显示出来,post则不会。