HTML基础知识

83 阅读2分钟

一、Web构成标准

  • 结构(Structure): HTML
  • 表现(Presectation): CSS
  • 行为(Behavior): JS

二、HTML

HTML是一种超文本标记语言,是一些标签集合。

三、div和span区别

共同点
  • div跟span都是没有语义的,是网页布局的盒子
区别
  • div一行只能放一个标签
  • span一行可以放多个标签

四、img标签

图片标签属性
  • src: 图片显示的路径
  • alt: 图片不能显示时的显示文本
  • title: 鼠标悬停时显示的文本
  • width: 图片宽度(XHTML不支持%页面百分比)
  • height: 图片高度(XHTML不支持%页面百分比)
  • border: 设置图片边框的宽度(一般用CSS来做)

五、a标签

a标签属性
  • href: 跳转的链接(url)
  • target: 跳转的方式(self、blank)

六、锚点

1、使用相应的id名标注跳转目标的位置。(找目标)

//通过id创建
<h1 id="two">第一集</h1>

2、使用a标签创建链接文本

<a href = "#id名">链接文本</a>

七、base标签

1、统一设置链接跳转的方式

<head>
    <base target="_blank"/>
</head>

八、table标签<table、thead、th、tbody、tr、td、tfoot、caption>

1、table标签属性

  • border设置表哥的边框(像素值)
  • cellspacing 单元格之间的距离(像素值,默认2)
  • cellpadding单元格内容边距(像素值,默认1)
  • width 宽度(像素值)
  • height 高度(像素值)
  • align设置表格对齐方式(left、right、center,默认left)

2、table单元格合并

  • 先确定是跨行还是跨列合并
  • 根据先上后下、先左后右,找到目标单元格
  • 删除多余单元格

九、ul、ol、dl标签

1、ul无序列表,里面只能有li

2、ol有序列表

3、dl自定义列表,里面有dt和dd。

十、表单(Input)

1、属性

  • type:表单类型(text、password、radio、checkbox、button、submit、reset、image、file)
  • name:表单名称
  • value:表单默认文本值
  • size:表单在页面中显示的宽度(正整数)
  • checked:默认选中的项
  • maxlength:最大字符数
  • src:图片按钮的时候需要设置