标题标签
为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即
、
、
、
、
和
从
到
重要性递减。其基本语法格式如下:
标题文本
注意: h1 标签因为重要,尽量少用,不要动不动就向你扔了一个h1。 一般h1 都是给logo使用。
页面展示如下:
段落标签
在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是:
文本内容
展示如下:
空格
所占位置没有一个确定的值,这与当前字体字号都有关系
加粗标签
加粗内容加粗内容
倾斜标签
倾斜标签倾斜标签
强制换行标签
水平线标签
列表(ul,ol,dl)
无序列表ul
列表项1 列表项2 列表项3 。。。。
有序列表ol
列表项1 列表项2 列表项3 。。。。
自定义列表dl
名词1 名词1解释1 名词1解释2 。。。。 名词2 名词2解释1 名词2解释2 。。。。
图片标签
链接标签
基本语法
文本或图像
href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。
target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。
表格
列1 列2
1.
:用于定义一个表格。
2.
:用于定义表格中的一行,必须嵌套在 标签中,在 中包含几对 ,就有几行表格。
3.
:用于定义表格中的单元格,必须嵌套在 标签中,一对中包含几对 ,就表示该行中有多少列(或多少个单元格)。
4.
中只能嵌套
5.
标签,它就像一个容器,可以容纳所有的元素
合并单元格属性:
colspan=“所要合并的单元格的列数"合并列;
rowspan=“所要合并单元格的行数”合并行;
表单
表单的作用:用来收集用户的信息的
表单域:
文本框:
密码框:
提交按钮:
重置按钮:
单选框/单选按钮:
单选按钮里的name属性必须写,同一组单选按钮的name属性值必须一样。
复选框:
(disabled="disabled" :禁用)(checked="checked" :默认选中)
下拉菜单:
菜单内容
多行文本框(文本域):
按钮:
他和submit的区别是 ,submit是提交按钮 起到提交信息的作用,button只起到跳转的作用,不进行提交。
span 的用法
文本内容
div 的用法
*div很重要,会经常使用