【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>
原文地址:https://www.cnblogs.com/lqminn/p/2666794.html