HTML裡的常見問題一-css教學-PHP中文網

首頁

web前端

css教學

HTML裡的常見問題一

php中世界最好的语言

Mar 08, 2018 pm 04:34 PM

html常見問題

這次帶給大家在HTML裡有哪些常出現的問題？有序列表、無序列表、自訂清單如何使用？寫個簡單的例子。三者在語意上有什麼差別？使用場景是什麼？能否嵌套？

有序列表是以數字進行標記的列表項目：

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

效果如下：

<ol><li>Coffee</li>
<li>Milk</li> </ol>

無序列表是以原點標記的列表項目：

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

效果如下：

<ul><li>Coffee</li>
<li>Milk</li></ul>

自訂清單所表示的項目加註解的組合：

<dt>Coffee</dt>
 <dd>Black hot drink</dd><dt>Milk</dt></dl>```

效果如下：

><dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>

這三個列表都可以相互嵌套。
-
#如何移除清單前面的點或數字？
使用CSS樣式即可

```<style>ul{
     list-style: none;
}```

-
#class 和 id 有什麼差別？什麼時候用 class 什麼時候用 id？ 1.ID具有唯一性，Class具有普遍性。 2.ID是唯一的，通常用於
頁面佈局
。
3.Class是可重複的，通常用於樣式定義。
4.ID的樣式優先權高於Class。
- #區塊級元素、行內元素是什麼？有什麼區別？分別對應哪些常用標籤？區塊級元素在瀏覽器顯示時，通常會以新行來開始（和結束）。
行內元素（
內聯元素
）在顯示時通常不會以新行開始。
區別：
1.區塊級元素會獨佔一行，其寬度自動填滿其父元素寬度。行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裡，知道一行排不下，才會換行，其寬度隨元素的內容而變化2.塊級元素可以設定width , height屬性，行內元素設定width, height無效3.區塊級元素可以設定margin和padding。行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都會產生邊距效果，但是垂直方向的padding-top,padding-bottom
,margin-top,
margin-bottom
都不會產生邊距效果。
區塊級元素標籤:div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table。
行內元素標籤:span,strong, em,br,img,input,label,select,textarea, cite。
-
#display: block、display: inline、display: inline-block分別有什麼作用?

1.display:block:此元素將顯示為區塊級元素，此元素前後會帶有換行符。 ###2.display:inline:此元素會被顯示為內嵌元素，元素前後沒有換行符號。 ###3.display:inline-block:將物件呈現為內嵌對象，但是物件的內容作為區塊物件呈現。旁邊的內聯物件會被呈現在同一行內，允許空格。 ###- ####下方程式碼的功能? ###

       <div id="header">
        </div>
        <div id="content">
        <div class="main"></div>
        <div class="aside"></div>
        </div>
        <div id="footer">
        </div>

这段代码通过使用id，class对div模块进行布局，让页面呈现为页头，内容，页尾，并且在内容中分为侧栏和主栏部分。而在页面中，header，content，footer仅会出现一次，故用id标记，而content为了后期方便修改，用class标记。
- ####如何理解 HTML CSS 语义化?
通过语义化可以让人们更容易明白每个标签的作用和使用场景，比如p标签就可以理解为paragraph标签，代表一个段落。诸如此类的还有em标签，hx标签，table标签等。
- ####form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
HTML通过form标签创建表单为用户提供文本字段、复选框、单选框、提交按钮等向服务器传输数据。常见的input标签有：
type 规定 input 元素的类型。
src 定义以提交按钮形式显示的图像的 URL。
checked 规定此 input 元素首次加载时应当被选中。
value 规定 input 元素的值。
name 定义 input 元素的名称。
- ####post 和 get 方式的区别？
get以 URL 变量的形式来发送，将表单数据以名称/值对的形式附加到 URL 中。
post以 HTTP post 的形式来发送，以 HTTP post 事务的方式来传递表单数据。
- ####在input里，name 有什么作用？
name 属性规定 input 元素的名称，用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
- ####、提交、三者有什么区别？
1.定义一个按钮，。标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
2.提交是一个a标签定义的超链接，而其样式用class="btn"标记。
3.定义了提交按钮，点击并向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
- ####radio 如何分组?
在input标签中添加name属性进行分组。
- ####placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
- ####type=hidden隐藏域有什么作用?举例说明
隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序