1.<q>标签,短文本引用
<q>引用文本</q>
<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
2.使用<span>标签为文字设置单独样式
<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
语法:<span>文本</span>
3.<address>标签,为网页加入地址信息
<address>联系地址信息</address>
不但斜体,且另起一段
4.<code>标签 ,加入一行代码
<code>代码语言</code> 、<code>{background-image:linear-gradient(left, red 100px, yellow 200px);}</code>
作用是 防止浏览器误认为是要执行代码,而没显示代码。加了标签浏览器就不会执行了,而是像文本一样显示出来
5.<pre>标签,加入一段代码( <code>标签是一行 )
<pre>语言代码段</pre> 定义预格式化的文本
6.<ol>和<ul>
ol = ordered list 有序列表
ul = unordered list 无序列表
<ol>
<li>我的第一个列表信息。</li>
<li>我的第一个列表信息。</li>
<li>我的第一个列表信息。</li>
<li>我的第一个列表信息。</li>
</ol>
7.在新建浏览器窗口中打开链接
<a href="目标网址" target="_blank">click here!</a>
注意:target之前一定要加空格
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
一个对应的框架页的名称 -- 在对应框架页中打开
8.使用mailto在网页中链接Email地址
<a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:
注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
下面是一个完整的实例:
在浏览器中显示的结果:
发送
点击链接会打开电子邮件应用,并自动填写收件人等设置好的信息
9.使用表单标签,与用户交互
<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
</form>
<form method="传送方式" action="服务器文件">
所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。
10.CSS表示的三种方法的 优先级 (权值)
内联式 > 嵌入式 > 外部式 ( 前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下)
就近原则(离被设置元素越近优先级别越高)
11.类和ID选择器的区别