html5的组成

本文介绍了HTML5的三大组成部分:结构、表现和行为。详细讲解了独占一行和不独占一行的标签,包括它们的属性和用法。同时,提到了图片标签的`alt`和`title`属性,超链接`a`标签的不同属性及其应用场景。此外,还涵盖了无序列表、有序列表和自定义列表的使用,以及如何实现图片水平居中。最后,列举了一些常见的单标签和特殊符号。
摘要由CSDN通过智能技术生成

1. html5的组成
  结构--->html 
  表现--->css
  行为--->js
2. 独占一行的标签以及共同支持的属性
  <h1 align='center'> </h1>
  <p align='center'>  </p>
  <ul>
     <li align='center'></li>
     <li></li>
     <li></li>
  </ul>
  <hr>
  align = 'left/center/right'


3. 不独占一行的标签
   a 
   b strong 加粗
   i em     倾斜
   u        下划线
   s        删除线
   sup      上标
   sub      下标
   <img src=''>  图片
   <font color=''  size=''  face=''></font>


 独占一行的标签可以包不独占一行的标签

   <p>
       <font>张三</font>
       <u>月入</u>
       <i>10w</i>
   </p> 


   

4. 图片标签的属性

alt: 图片加载失败时显示提示信息
title:鼠标悬停
<img src='' alt='' title=''> 
5. 超链接标签的属性
  <a href='./' title=''  target='_blank/_new'></a>
  <a href='./' title=''  target='_self'></a>

  <a href='http://www.baidu.com'></a>
  <a href='#'></a>
6. 实现图片在页面种水平居中
    <p align='center'>
        <img src="../images/无序、有序、图片练习/che/1.jpg" alt="">
    </p>


7. 无序列表标签和有序列表标签 以及属性
  <ul type='disc/circle/square/none'>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
  </ul>

   <ol type='1/A/a/i/I' start='3'>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
  </ol>

  自定义列表

    <dl>
        <dt>自定义列表的标题</dt>
        <dd>自定义列表的标题的说明</dd>
        <dt>自定义列表的标题</dt>
        <dd>自定义列表的标题的说明</dd>
    </dl>

    <dl>
        <dt>Apple</dt>
        <dd> A big and  red</dd>
        <dt>banana</dt>
        <dd>A long and yellow</dd>
    </dl>

8. 写出常见的单标签

    <hr>

    <br>

    <img>
9. 特殊符号

     &nbsp;
     &lt;
     &gt;
     &copy;
     &reg;  
    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值