HTML5 | 学习打卡day1

Posted 2021-04-04 Ezraqaz

1.标题

1.1标题的标签

<h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3><h4>这是四级标题</h4><h5>这是五级标题</h5><h6>这是六级标题</h6>

1.2标题标签的元素

<h1 align="center">将标题居中</h1><h2 styles="color: aqua;font:normal">设置颜色及字体</h2>

2.调整文字

<strong>这是加粗的文字</strong><b>这是加粗的文字</b><em>这是斜体文字</em><I>这是斜体文字</I><del>这是带有删除线的文字</del><s>这是带有删除线的文字</s><ins>这是带下划线的文字</ins><u>这是带下划线的文字</u>

3.段落标签

<p>这是一段内容</p><br />此标签为换行标签，是一个单标签

4.<span>和<div>

<div>独占一行</div><span>内容多宽就占多宽</span>

5.插入多媒体

<img src="image.jpg" width="500" alt="图片失效时替代文字" title="鼠标悬停时显示的信息"/><video width="420" height="200" controls autoplay> <source src="img/video/movie.ogg" type="video/ogg"> <!--<source type="video/mp4"> <source type="video/webm">--> <object data="movie.mp4" width="320" height="240"> <embed width="420" height="200" src="img/video/movie.swf"> </object> </video>

6.超链接

6.1普通超链接

<div><a href="demo.html" target="_blank">demo</a></div><a href="files/Untitled-1.zip">下载链接</a>

6.2锚点链接

<div id="tiaozhuan">zheshitoubu<a href="#fanhui">back</a></div><h1>锚点链接</h1> <div id="fanhui"><a href="#tiaozhuan">锚点链接</a></div>