list


1.标题标签
2.段落标签
3.视觉标签
4.img标签
5.链接标签
6.相对路径
7.拓展内容
8.表格标签
9.列表标签
10.表单标签

标题标签

一级

二级

三级

四级

五级
六级

水平线

段落标签

段落一

段落二

段落三

换行一
换行二
换行三


div标签
div标签
span标签 span标签

视觉标签

推荐使用视觉要素,其表达意义更全面

b加粗效果(视觉要素)
b标签意为加粗,仅仅为加粗
strong加粗效果(表达要素)
strong标签意为强调,并不涉及具体形式。
强调默认加粗,但可以由其他方式强调。web标准主张xhtml不涉及具体的表现形式


br /倾斜效果(视觉要素)
em倾斜效果(表达要素)

s删除效果(视觉要素)
del删除效果(表达要素)

u下划线效果(视觉要素)
ins下划线效果(表达要素)

img标签

我曹图他妈没了(替代文本)

img属性

alt="我曹图他妈没了(替代文本)"
title="高ping战士(悬停文本)"
width="600" height="" (宽高)
border="20"(边框厚度)


链接标签

baidu外链
test.html内链
空链接
target = "blank",新选项卡打开


相对路径表示

上级路径:“../sth”

同级路径:“sth”

下级路径:“/sth/sth”



拓展内容

base标签(单标签)

用于设置基础属性target = "_blank"等,最好放在head里

pre标签,预格式化文本

里边写啥
出来啥
	

转义字符



表格标签


标签及解释

属性名 含义 属性值
border 设置表格的边框(默认border="0"无边框) 像素值
cellpadding 设置单元格与单元格边框之间的空白间距 像素值(默认为2像素)
cellspacing 设置单元格内容与单元格边框之间的空白间距 像素值(默认为1像素)
width 设置表格的宽度 像素值
height 设置表格的h高度 像素值
align 设置表格在网页中的水平对齐方式 left center right
caption 设置表格标题

合并单元格

简介
姓名 高XX 照片
性别 男/女
年龄 XX
个人简介

表格头体及尾

表格头1 表格头2 表格头3
表格体1 表格体2 表格体3
表格尾1 表格尾2 表格尾3


列表标签


无序列表


有序列表

  1. 表项1
  2. 表项2
  3. 表项3
  4. 表项4
  5. 表项5
  6. 表项6

自定义列表

术语
描述1
描述2
描述3
描述4
描述5


表单标签


1.input控件

text:

password:

radio1: radio2:

checkbox1: checkbox2:

button:

submit:

reset:

image:

file:


2.label标签



3.textarea文本域控件(不用)

4.select下拉列表



表单域


用户名:
密码:
确认密码:
手机号码:
邮箱: