HTML 2017-07-23

来源：互联网发布：程序员口号大全编辑：程序博客网时间：2024/06/05 05:22

1.<span>是没有语义的，它的作用是为设置单独样式用的。

2.<q>标签语义为引用，当出现<span>标签时，引用的部分会被自动加上引号。

3.<blockquote>标签为长文本引用，浏览器对引用部分的默认解析样式是句首左缩进。（也会自动加" "）.

<li> list item<ul><li>...</li><li>....</li></ul>          //unorder list

5. <tr>标签表示表格中的一行。table rows

6. <meta http-equiv="Content-Type" >

HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。

7. <table summary=" "> 表格摘要

8. <img title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； >

9.使用表单标签与用户进行交互

语法：

表单......................................................................

</form>

method为数据传送方式，有get/post等，action：输入的数据被传送到哪个页面，比如一个PHP页面。（save.php）

注意:
1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间（否则用户输入的信息可提交不到服务器上哦！）。
2、method : post/get 的区别这一部分内容属于后端程序员考虑的问题。

10. <form>的 textarea 属性

textarea属性规定了用户输入文本的最大最大限度（width与height）。

11. <form type="radio" >

注意:同一组的单选按钮，name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。

12.

<form><select><option value="1" selected="selected">movie</option></select></form>

设置selected="selected"属性，则该选项就被默认选中。

13. 多选按钮，在select标签使用multiple属性可实现多选。

<form><select multiple="multiple"><option value="1" selected="selected">movie</option><option value="2" >book</option><option value="3" >travel</option></select></form>

14. <input>重置属性

另：placeholder=“text” 里面的text文本用来提示用户输入。

15. 使用 lable 标签来实现控件的触发

< lable for="控件名称" >

常用来单选按钮时只用点击文本就能激发相应的控件，实现选项的选择；

16. 关于CSS

1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

html链接外部样式表：

另：样式的优先级：内联式（写在包含内容的标签中的样式）>嵌入式（写在文档开头的对整个标签进行样式的定义）>外部式（主要指外部.css文件）

简单来讲就是遵循就近原则。

17. 每一条的CSS样式都有以下的声明：

选择器

{

样式1；

}

另：font-weight: 字体加粗

18. 类选择器

步骤：

1）使用<span>把要设置的内容圈起来。 <span> your text </span>

2)在span的前面声明并且添加类名 <span class="myClass" >your text </span>

3)设置myClass的样式，格式为：

<style>.myClass{        color:...;       font-size:...;}</style>

注：在写类的样式的时候必须要在类名的前面加一个圆点。

19. ID选择器

类似于类选择器一样；把class=”类名称“替换成id=”id_name“;把小圆点.替换成"#"

同类选择器类似，我们也可以使用id选择器对部分文本的样式设置；

注意：与类选择器不同的时，ID选择器只能使用一次，而类选择器可以使用多次。

20. 子选择器：” > “

阅读全文

0 0