【Web】入门笔记
From:http://www.w3school.com.cn/html/index.asp
1.添加链接:
<a href="http://www.w3school.com.cn">This is a link</a>
2.添加水平分割线:
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
3.注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。
<!-- This is a comment -->
4.浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)
5.换行:如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签;
6.style 属性的作用:
提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。例子:
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
7.target属性:使用 Target 属性,你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档:
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
使用 base 标签使页面中的所有标签在新窗口中打开:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> <base target="_blank" /> </head>
头元素包含关于文档的概要信息,也称为元信息(meta-information)。Meta 意为“关于某方面的信息”。可以这么说,元数据(meta-data)是关于数据的信息,而元信息是关于信息的信息。
8.name属性:name 属性规定锚(anchor)的名称。name 属性用于创建 HTML 内部的书签。书签不会以任何特殊方式显示,它对读者是不可见的。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。(http://www.w3school.com.cn/tags/att_a_target.asp)
9.有用的提示:注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。
10.发送邮件链接:
<p> 这是邮件链接:<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a> </p>
11.插入图片:
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
12.样式表:http://www.w3school.com.cn/html/html_css.asp
13.Meta:http://www.w3school.com.cn/html/html_meta.asp
14.插入javaScript:
<html> <head> </head> <body> <script type="text/javascript"> document.write("Hello World!") </script> </body> </html>