块级元素行内元素小结
块级元素
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 标题一级
<h2>...</h2> 标题二级
<h3>...</h3> 标题三级
<h4>...</h4> 标题四级
<h5>...</h5> 标题五级
<h6>...</h6> 标题六级
<hr> 水平分割线
<p>...</p> 段落
<pre>...</pre> 预格式化
<blockquote>...</blockquote> 段落缩进 前后5个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定义列表
<table>...</table> 表格
<form>...</form> 表单
<div>...</div>
1.总是从新的一行开始
2.高度、宽度都是可控的
3.宽度没有设置时,默认为100%
4.块级元素中可以包含块级元素和行内元素
行内元素
<span>...</span>
<a>...</a> 链接
<br> 换行
<b>...</b> 加粗
<strong>...</strong> 加粗
<img > 图片
<sup>...</sup> 上标
<sub>...</sub> 下标
<i>...</i> 斜体
<em>...</em> 斜体
<del>...</del> 删除线
<u>...</u> 下划线
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
1.和其他元素都在一行
2.高度、宽度以及内边距都是不可控的
3.宽高就是内容的高度,不可以改变
4.行内元素只能行内元素,不能包含块级元素
HTML5新增结构标签
采用一些结构标签代替div
<header>...</header> 头部
<nav>...</nav> 导航
<section>...</section> 文档的节
<aside>...</aside> 侧边栏
<footer>...</footer> 页脚
<article>...</article> 内容窗格
<figure>...</figure> 对元素进行组合
<details>...</details> 描述文档或文档某个部分的细节内部嵌套summary
<mark>...</mark> 给你突出的文本加背景色
<meter>...</meter> 定义度量衡,用于已知最大最小值,设置最高或最低临界点(high\low)
<progress>...</progress> 进度条
<datalist>...</datalist> 与input配合使用,定义input可能的值(需要绑定input标签的id)
datalist
video
video定义视频,比如电影片段或其他视频流
audio
支持的格式ogg,mp3,wav
< source> 标签为媒介元素(比如 < video> 和 < audio>)定义媒介资源。
< source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
embed
标签定义嵌入的内容,比如插件。
canvas
< canvas> 标签定义图形,比如图表和其他图像。
< canvas> 标签只是图形容器,您必须使用脚本来绘制图形。
此时就需要CSS以及javascript的帮助了。
HTML的基础学习就到这里。