html總結

1.html是超文本標記語言的簡寫(HyperText markup language),是最基本的網頁語言

2.html的基本結構

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

3.文本標籤

標題(h1~h6)
水平線(hr)
段落(p)
上下標(sup和sub)
換行(br)
原樣輸出(pre)
有序列表ol li
無序列表ul li
項目列表標籤(dl dt dd)
行內標籤(span)
塊標籤 (div)

4.常用的字符實體
這裏寫圖片描述
這裏寫圖片描述

5.多媒體

音視頻標籤格式: 屬性:src 、和hidden
例子: src=”love.mp3” type=”” />

*6.鏈接標籤<!--如果a標籤沒有寫協議,就會啓動file協議解釋器去解釋該資源路徑-->
協議類型:
郵件協議:mailTo [email protected]
迅雷下載協議:thunder nihao.avi
定位:回到頂部頂部 配合使用,一個屬性是href,另一個是name

7.圖片標籤

格式:<img src="" alt="" />
src是指文件路徑,alt是指在制定路徑下找不到文件的時候,就會顯示alt指定的文字

**8.table表
標題標籤:<caption>,給表格提供標題
表頭標籤:<th>,一般對錶格的第一行或者第一列進行格式化,就是粗體顯示。並不常用。
行標籤:<tr>
單元格標籤:<td>,加載行標籤的裏面。可以簡單理解爲,先有行,在行中在加入單元格

<table border="1px" width="500px" height="200px" align="center">
        <caption>期末成績</caption>
        <tr>
            <th>姓名</th>
            <th>分數</th>
            <th>人品</th>
        </tr>
        <tr align="center">
            <td rowspan="2">姓名1</td>            <!--行屬性-->
            <td>分數</td>
            <td>人品</td>
        </tr>
        <tr align="center">

            <td>分數</td>
            <td>人品</td>
        </tr>
        <tr align="center">
            <td>姓名</td>
            <td colspan="3">分數</td>         <!--列屬性-->
        </tr>
    </table>

9.html表單(別忘記name,不然表單數據上沒有name的值)

<form action="" method="post"></form>       //action是提交表單的位置,method是制定提交的方法是get,還是post
    表單域:
        <input type="" name="" />
    表單按鈕:
        <input type="submit" value="提交"/>
        <input type="reset" value="重置"/>
    單選按鈕:(如果需要默認選中,就需要添加屬性checked="true")
        男<input type="radio" value="man" name="sex" checked="true"/><input type="radio" value="woman" name="sex"/>
    複選框
        籃球<input type="checkbox" name="hobby" value="baskerball" checked="true"/>
        足球<input type="checkbox" name="hobby" value="football"/>
        排球<input type="checkbox" name="hobby" value="volleyball"/>
    下拉框
        <select name="city" id="">
            <option value="sz">深圳</option>
            <option value="bj" selected="true">北京</option>
            <option value="sh">上海</option>
        </select>
    文本輸入域
        <textarea name="" id="" cols="30" rows="10"></textarea>

面試問題:get和post的區別是什麼?

    get會在瀏覽器的地址欄顯示提交的內容,而且大小也有限制,不能超過1kb,提交敏感數據不安全
    post在瀏覽器地址欄不會顯示提交內容,大小無限制,提交敏感數據時安全
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章