• <noscript id="e0iig"><kbd id="e0iig"></kbd></noscript>
  • <td id="e0iig"></td>
  • <option id="e0iig"></option>
  • <noscript id="e0iig"><source id="e0iig"></source></noscript>
  • 極客學院web前端學習筆記(四)html5鏈接和表格的屬性及使用

     

    鏈接屬性

    文本鏈接

    圖片鏈接

    屬性

    href屬性:指向另一個文檔的鏈接

    name屬性:創建文檔內的鏈接

    img標簽屬性

    alt:替換文本屬性

    width:寬

    height:高

    <a href="http://www.baidu.com">百度的文字鏈接</a>
    <a href="http://www.baidu.com"><img src="image/aaa.png" width="100" height="100" alt="該圖片顯示錯誤"> </a>
    
    <br/>
    <a name = "tips">hello</a>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#tips">跳轉到hello</a>

    alt:圖片無法正常顯示時顯示

    在頁面中點擊“跳轉到hello”,頁面跳轉(上移)到hello出現的位置

    表格標簽

    <table border="1">
        <caption>表格標題</caption>
        <tr>   <!--這個是表頭-->
            <th>單元</th>
            <th>單元</th>
            <th>單元</th>
        </tr>
        <tr>
            <td>單元格1</td>
            <td>單元格2</td>
            <td>單元格3</td>
        </tr>
        <tr>
            <td>單元格1</td>
            <td>單元格2</td>
            <td>單元格3</td>
        </tr>
        <tr>
            <td>單元格1</td>
            <td>單元格2</td>
            <td>單元格3</td>
        </tr>
    </table>

    <table border="1">
        <caption>表格標題</caption>
        <tr>   <!--這個是表頭-->
            <td>表格1</td>
            <td>表格2</td>
        </tr>
        <tr>
            <td>
                <ul>
                    <li>蘋果</li>
                    <li>香蕉</li>
                    <li>菠蘿</li>
                </ul>
            </td>
            <td>菠蘿最好吃</td>
        </tr>
    
    </table>

     

    <table border="1" cellpadding="10">

     

    版權聲明:本文為weixin_41032724原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
    本文鏈接:https://blog.csdn.net/weixin_41032724/article/details/81291601

    智能推薦

    極客學院的前端課程(十)

    3.2.4 CSS樣式——鏈接 第一個文件 :style.css 第二個文件 50.html 3.2.5 CSS樣式——列表 第一個文件 style.css 第二個文件 51.html 3.2.6 CSS樣式——表格 第一個文件 style.css 第二個文件 52.html 3.2.7 CSS樣式——...

    極客學院的前端課程(九)

    3.1.3 CSS基礎——id選擇器 第一個文件 mycss.css 第二個文件 44.html 3.1.4 CSS基礎——類選擇器 第一個文件是mycss.css 第二個文件是 45.html 3.1.5 CSS基礎——屬性選擇器 3.2.1 CSS樣式——背景 三個文件 第一個,styles.css...

    極客學院的前端課程(十一)

    3.3.2 CSS定位——浮動 第一個文件 style.css 第二個文件 55.html 3.3.3 CSS定位——浮動的應用 第一個文件 style.css 第二個文件 56.html 3.4.1 CSS盒子模型——概述 3.4.2 CSS盒子模型——內邊距 第一個文件 style.css 第二個文...

    極客學院的前端課程(十二)

    3.4.5 CSS盒子模型——外邊距合并 第一個文件style.css 第二個文件 60.html 3.4.6 CSS盒子模型——盒子模型應用 第一個文件style.css 第二個文件 62.html 3.5.1 CSS常用操作——對齊 第一個文件 style.css 第二個文件 63.html 3.5.2 CSS常用操作&m...

    極客學院的前端課程(十四)

    3.7.5 CSS瀑布流效果 第一個文件 style.css 第二個文件 73. html 3.8.1 HTML與CSS簡單頁面效果實例 第一個文件 style.css 第二個文件74.html 4.1.1 Javascript基礎——介紹,實現,輸出 文件 75.html 4.1.2 Javascript基礎——語法和注釋 4.1.3 Javasc...

    猜你喜歡

    HTML中常用操作關于:頁面跳轉,空格

    1.頁面跳轉 2.空格的代替符...

    freemarker + ItextRender 根據模板生成PDF文件

    1. 制作模板 2. 獲取模板,并將所獲取的數據加載生成html文件 2. 生成PDF文件 其中由兩個地方需要注意,都是關于獲取文件路徑的問題,由于項目部署的時候是打包成jar包形式,所以在開發過程中時直接安照傳統的獲取方法沒有一點文件,但是當打包后部署,總是出錯。于是參考網上文章,先將文件讀出來到項目的臨時目錄下,然后再按正常方式加載該臨時文件; 還有一個問題至今沒有解決,就是關于生成PDF文件...

    電腦空間不夠了?教你一個小秒招快速清理 Docker 占用的磁盤空間!

    Docker 很占用空間,每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時,我們的磁盤空間會被大量占用。 如果你也被這個問題所困擾,咱們就一起看一下 Docker 是如何使用磁盤空間的,以及如何回收。 docker 占用的空間可以通過下面的命令查看: TYPE 列出了docker 使用磁盤的 4 種類型: Images:所有鏡像占用的空間,包括拉取下來的鏡像,和本地構建的。 Con...

    requests實現全自動PPT模板

    http://www.1ppt.com/moban/ 可以免費的下載PPT模板,當然如果要人工一個個下,還是挺麻煩的,我們可以利用requests輕松下載 訪問這個主頁,我們可以看到下面的樣式 點每一個PPT模板的圖片,我們可以進入到詳細的信息頁面,翻到下面,我們可以看到對應的下載地址 點擊這個下載的按鈕,我們便可以下載對應的PPT壓縮包 那我們就開始做吧 首先,查看網頁的源代碼,我們可以看到每一...

    精品国产乱码久久久久久蜜桃不卡