HTML 2017-07-23

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

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

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

4.

<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=" ">  表格摘要

<caption>表格标签</caption>    

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


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

语法:

<form  method="传送方式   action=”服务器文件">

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

</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>重置属性

 <input type="reset" value="重置"  />

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


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

< lable for="控件名称" >

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

16. 关于CSS 

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

html链接外部样式表:

<link href="test.css" type="text/css" rel="stylesheet>

另:样式的优先级: 内联式(写在包含内容的标签中的样式)>嵌入式(写在文档开头的对整个标签进行样式的定义)>外部式(主要指外部.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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值