html基礎,html基礎知識

來源:互聯網
上載者:User

html基礎,html基礎知識

JavaEE階段首先我們要對前段的知識有所瞭解,今天我給大家帶來的是基礎的標籤和屬性,這也是html的開始

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>Hello word</title>    </head>    <body>        <!--             標題hn(n1-6)            段落<p>            水平分割線<hr>            換行<br>            加粗<b>傾斜<i>            字型<font>                                <屬性>                    size大小像素  可以是固定大小  也可以是百分比大小   字型大小(1-7)                    color顏色                    align位置                    face字型樣式 楷體 宋體        -->                    </body></html>
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <!--            img 圖片標籤  src="路徑"            絕對路徑            相對路徑  ../上一層            height 高度            width 如果有一方設定了百分比那想改變另一個屬性只可以使用像素了            title 滑鼠移至上方時,顯示的資訊            alt  圖片載入失敗後,顯示的資訊        -->        <img src="../img/logo2.png" title="黑馬程式員" alt="黑馬程式員,圖片載入失敗" width="100%" height="50"/>    </body></html>
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <!--            a            href 熱點 href="連結網頁地址"            target                _self 本地的網頁視窗                _blank 新開一個網頁視窗        -->        <a href="01.圖片資訊顯示.html" target="_blank" title="登入">登入</a>        <a href="01.圖片資訊顯示.html" target="_self" title="登入">登入</a>    </body></html>
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <!--            無序列表            <ul>                <li> </li>            </ur>                        有序列表            <ol>                <li> </li>            </ol>                        屬性                無序type 預設disc 實心圓                                方塊  空心圓等                有序type 預設1                        abc        -->        <ul type="disc">            <li>第一次</li>            <li>第二次</li>        </ul>                <hr />                <ol type="disc">            <li>第一次</li>            <li>第二次</li>        </ol>    </body></html>
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <!--            <table> 表格                <td> 列                <tr> 行                <th> 表頭 預設置中加粗                                屬性         border 邊框線                    cellspacing 儲存格與儲存格之間的距離                    cellpadding 儲存格與內容的距離                        -->        <table border="1" cellspacing="0" cellpadding="0" width="100%">            <tr>                <th>1</th>                <th>2</th>                <th>3</th>                <th>4</th>            </tr>            <tr>                <td align="center">1</td>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>        </table>    </body></html>
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>            <!--            <table> 表格                <td> 列                <tr> 行                <th> 表頭 預設置中加粗                                屬性         border 邊框線                    cellspacing 儲存格與儲存格之間的距離                    cellpadding 儲存格與內容的距離                                    合併儲存格                        行合并                        列合并                        表格背景色 bgcolor                        -->        <!--第一行的第一個儲存格與第二行的第一個儲存格合并 -->        <table border="1" cellspacing="0" cellpadding="0" width="100%" bgcolor="#999">            <tr>                <td rowspan="2">1</td>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>            <tr>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>            <tr>                <td>1</td>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>            <tr>                <td>1</td>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>        </table>                <hr  width="80%" size="50"/>        <!--第一行的第2個儲存格與第一行的第3儲存格合并 -->        <table border="1" cellspacing="0" cellpadding="0" width="100%" bgcolor="#999">            <tr>                <td>1</td>                <td colspan="2">1</td>                <td>1</td>            </tr>            <tr>                <td>1</td>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>            <tr>                <td>1</td>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>            <tr>                <td>1</td>                <td>1</td>                <td>1</td>                <td>1</td>            </tr>        </table>    </body></html>

有什麼問題博友請提出,互相探討,我們共同成長

不停有博友問我,怎麼可以學好java,我個人的經驗,我也是不太聰明,多敲多練,不會就敲個十遍八遍

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.