第一章初识HTML-列表 和第二章,列表表格

一,初识HTML

标题标签(双标签)     <hx></hx>    x取值范围  1-6
                                 特征:1-字体加粗 2-换行 3-字号有变化

段落标签            <p>北京欢迎你,有梦想谁都了不起!</p>

换行标签           <br/>

水平线标签

斜体加粗标签     床前<em><strong>明月</strong></em>光,

转义符                 &lt;br/&gt;的意思是&nbsp;&nbsp;&nbsp;&nbsp

图像标签          <img src="../img/zxy.jpg" alt="图片加载失败" title="张学友" width="1000px" height="1000px"/>

链接标签        <a href="跳转的目标地址" target="打开的方式">提示信息(文本||图像)</a>

   如<a href="demo/index.html" target="_blank">点击我访问index</a>

name相当于锚点的作用      

  <a name="top"></a>
        <h1>10</h1>
        <a name="middle"></a>
         <h1>20</h1>    
        <a href="#top">点击跳转到顶楼</a>
        <a href="#middle">点击跳转到中间</a>

<a href="d2.html#middle">点击我访问d2的中部</a>

块状元素 <a href="#">他</a>

  ../ 表示退回上一级

二,列表表格媒体元素 

无序列表

           <ul>
            <li>毛主席</li>

</ul>

有序列表

<ol>
            <li>毛主席</li>

</ol>

定义列表

<dl>           

 <dt>水果</dt>

</dl>

表格:行和行内单元格

<table border="1px">
    <tr>       
         <td colspan="3">单元格里要写的内容1-1</td>       联同我自身在内实现了3个单元格的合并
         <td rowspan="2">2-4</td>       联同我自身在内实现了2个行的合并

        <td colspan="2" rowspan="2">3-1</td>         既跨行又跨单元格

 </tr>        

视频和音频

假如浏览器不支持

视频 

三,内联框架

<iframe name="ifr1" src="index0.html" width="700px" height="500px"></iframe>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

四,超链接


使用超链接可以让我们从一个页面跳到另一个页面,使用a标签来创建一个超链接。简单属性如下:

href指向链接跳转到的目标地址,可以写一个相对路径也可以是一个绝对路径。
创建超链接时,如果地址不确定可以直接写一个#作为占位符,有跳到页面顶部的作用。
target:用来指定打开链接的位置。
        _self:表示在当前页面打开(默认值)。
        _blank:在一个新的窗口中打开链接。
如果希望新打开链接位置为内联框架, 则target的属性值设为内联框架的name。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值