超文本<a>
文本或图像都可以用作链接的标签。
使用“..”可以连接到源文件的上层文件夹。“..”表示“父文件夹”。
字符实体
实体名称对大小写敏感！
显示结果 | 描述 | 实体名称 | 实体编号 |
空格 | |   | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
￠ | 分（cent） | ¢ | ¢ |
£ | 镑（pound） | £ | £ |
¥ | 元（yen） | ¥ | ¥ |
€ | 欧元（euro） | € | € |
§ | 小节 | § | § |
© | 版权（copyright） | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | &pide; | ÷ |
图像<img>
alt是<img>的必要属性。
Jpeg适合保存复杂图像
Png 比gif更好得控制透明
Gif 只允许一种透明颜色
表格
表格 | 描述 |
<table> | 定义表格 |
<caption> | 定义表格标题。 |
<th> | 定义表格的表头。 |
<tr> | 定义表格的行。 |
<td> | 定义表格单元。 |
<thead> | 定义表格的页眉。 |
<tbody> | 定义表格的主体。 |
<tfoot> | 定义表格的页脚。 |
<col> | 定义用于表格列的属性。 |
<colgroup> | 定义表格列的组。 |
空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。
列表
无序列表<ul>
有序列表<ol>
列表定义<dl>
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> |
HTML5布局元素
header | 定义文档或节的页眉 |
nav | 定义导航链接的容器 |
main | 定义文档的主内容 |
section | 定义文档中的节 |
article | 定义独立的自包含文章 |
aside | 定义内容之外的内容（比如侧栏） |
footer | 定义文档或节的页脚 |
details | 定义额外的细节 |
summary | 定义 details 元素的标题 |
time | 定义日期/时间 |
HTML 媒体
HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 <embed> 元素。
<audio controls="controls" height="100" width="100"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> <embed height="100" width="100" src="song.mp3" /> </audio> |
HTML 5 + <object> + <embed>
HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到 <embed> 元素。
<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240" /> </object> </video> |
以上就是HTML入门的基础知识篇的详细内容，更多请关注Work网其它相关文章！