Community Learn Tools Library Leisure
search
English
Home > List of blog posts > HTML5学习-第二课
Blogger Information
Blog 5
fans 0
comment 0
visits 759
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML5学习-第二课
P粉168604607
Original
225 people have browsed it
  1. 写出html文档结构,并解释每个成员的功能与作用
    1. <! DOCTYPE html>  
    2. <!--声明为html5文档-->
    3. <html lang="zh-cn">  
    4. <!--语文为中文-->
    5. <head>  <!--网页头部信息-->
    6. <meta charset="UTF-8"/>   <!--字体编码为UTF-8-->
    7. <title>页面标题</title>
    8. <body>  <!--网页主体-->
    9.     这里是网页主要内容
    10. </body>
    11. </head>
    12. </html>
  2. 演示布局元素,重点是 tag+class 
    1. <h1 class="H1">我是一级标题</h1>
    2. <h2 class="H2">我是二级标题</h2>
    3. <h3 class="H3">我是三级标题</h3>
    4. <h4 class="H4">我是四级标题</h4>
    5. <h5 class="H5">我是五级标题</h5>
    6. <h6 class="H6">我是六级标题</h6>
    7. <p class="p">我是段落标签</p>
    8. <div class="div">我是通用标签</div>
  3. 演示图文的语义化解决方案
    1. <figure>
    2.   <a href="">
    3.   <img src="https://msn-img-nos.yiyouliao.com/inforec-20230116-048206e6504ff8e1858a6a15c088c021.jpg" alt="" />
    4.   </a>
    5.   <!--上面是图片+链接-->
    6.   <!-- 下面文字 -->
    7.   <figcaption>第二十二期_前端开发</figcaption>
    8. </figure>

  4. 演示图像,链接与列表元素

    1.  <img src="这里是图片链接地址" alt="如果图片不显示时，显示我"/>
    2.  <a herf="链接地址">显示的内容，与链接绑定</a>
    3.  <ul> <!--无序列表-->
    4.      <li>1</li>
    5.      <li>2</li>
    6.  </ul>
    8.  <ol> <!--无序列表-->
    9.      <li>1</li>
    10.      <li>2</li>
    11.  </ol>
Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：完成的很好，继续加油
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post