HTML笔记总结<2>

这里总结

1.多媒体

2.iframe

3.高级文本格式



多媒体

video元素


HTML笔记总结<2>_第1张图片
HTML笔记总结<2>_第2张图片

iframe

iframe是一种更好的媒体嵌入元素

比如我们上bilibili,在分享那个地方你会看到嵌入代码,复制,然后粘贴到你的html文件就好了


HTML笔记总结<2>_第3张图片


高级文本格式

换行和水平线

换行:

水平线:



HTML笔记总结<2>_第4张图片


HTML笔记总结<2>_第5张图片

文本格式化

这个很简单,就是加几个元素上去,标记清楚各部分代表的是什么就好了,没有什么视觉上的效果,但是和样式表连接起来就很有用了


HTML笔记总结<2>_第6张图片
HTML笔记总结<2>_第7张图片

日期


HTML笔记总结<2>_第8张图片

这里的time元素里面的属性是规范的,也就是便于浏览器提取,而里面的内容呢,你就可以随便给出时间的格式


计算机代码

HTML笔记总结<2>_第9张图片

这种东西就是为了方便上传你的计算机代码的,也是标记作用

有一个元素挺有趣,就是

元素,它不会自动删去多余的空格

比如:


效果:


HTML笔记总结<2>_第10张图片

上标和下标

HTML笔记总结<2>_第11张图片


缩略语

HTML笔记总结<2>_第12张图片


块级引用

HTML笔记总结<2>_第13张图片
不要看上面的代码


HTML笔记总结<2>_第14张图片

其实大部分作用也是标志,标志着你这段话是从别的地方引用来的,有视觉的效果


HTML笔记总结<2>_第15张图片

描述列表


HTML笔记总结<2>_第16张图片

我们试试:


效果:


电子邮件


HTML笔记总结<2>_第17张图片

你只要把url改成邮箱地址就好了

你可能感兴趣的:(HTML笔记总结<2>)