html基础篇一

html基础篇1

html元素

双标签

• div

  • 块级元素是一个大的盒子里面可以放很多元素
  • 一般需要转化为行内块元素

• 超链接a

  • 属性：href=”链接路径“（当href=标签名时候是代表锚点），target=”打开方式“，

• table表格

  • tr表示行，td表示单元格
  • th表示文本加粗
  • colspan=”合并列单元格个数“合并列和rowspan=”合并行单元格个数“
  • thead表格头部，tbody表格主题，tfoot表格脚注

• 无序列表ul

  • li是一个块级元素
  • 用list-style=none清楚点
  • ul自身有内外边距需要手动去除

• 有序列表ol

  • stare=3 表示从3开始数数
  • reverse=reverse 将ol倒序排列
  • type属性值为排序的序列号，不添加type时候默认从数字1开始排序

• 自定义列表dl

  • dt作为标签的第一个标题加粗
  • dd作为标题内容

• select下拉菜单

  • option双标签里面写点击下拉菜单以后所显示的文字
  • option如果添加selected=“selected”的话就是下拉菜单的默认选项

b和stong文字以粗体显示

i和em文字以斜体显示

s和del文字以加删除线显示

单标签

• img
  • src=“图片的位置”
  • title=“鼠标悬停在图片上是显示的文字”
  • alt=“当图片显示不出来时候显示的文字”
• 表单控制input
  • 一般也可以用label标签的for来与input建立锚点链接
  • type=“input的显示类型”（一般有text，password，radio）
• textarea 文本域控件
  • outline=“none”可以不让文本域手动的放大和缩小

细节

• href和src
  • href是外部链接如a标签就是用的是href
  • src用的是内部链接，img使用的是src

外部链接如a**标签就是用的是href

• src用的是内部链接，img使用的是src

​