基本语言学习
一、HTML
html基础:
根元素:<html> </html>
头部元素:<head> </head>
文档的标题:<title>这是标题</title>
可见的界面内容:<body> </body>
大标题:<h1>这是标题1号</h1>
......
<h6>这是标题6号</h6>
段落:<p>这是段落</p>
注释:<!-- 这是注释 -->
换行:<br />
分割线:<hr>
插入图像:<img src="/i/eg_w3.school.png" width="300" height="90" />
插入超链接:<a href="http://www.baidu.com">这是一个链接</a>
设置背景颜色:<body style="background-color:blue"> </body>
<p style="background-color:red"> </p>
设置字体:<p style="font-family:verdana"> </p>
设置文字颜色:<p style="color:red"> </p>
设置文字大小:<p style="font-size:20px"> </p>
综合设置:<p style="font-family:verdana;color:gray;font-size:30px"> </p>
加粗字:<b> </b>
斜体字:<i> </i>
字体居中:<p style="text-align:center"> </p>
下标、上标:这是<sub>下标</sub>这是<sup>上标</sup>
引用:<p>WHO全称为<q>World Health Organization</q>
<blockquote>
五十年来,WWF 一直致力于保护自然界的未来。
世界领先的环保组织,WWF 工作于 100 个国家,
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>
缩写标记:<p><abbr title="World Health Organization">WHO</abbr>成立于 1948年</p>
双向重写:<bdo dir="rtl">的写着倒是话段这</bdo>
注:
1.对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码
2.不要忘记结束标签
3.当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格
4.<!DOCTYPE html>字母用大小写都行
5.仅有 16 种颜色名被 W3C 的 HTML 4.0 标准支持,它们是:aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。
如果使用其它颜色的话,就应该使用十六进制的颜色值。
<!-- 声明为html5文档 -->
<!DOCTYPE html>
<html>
<!-- 头部元素 -->
<head>
<!-- 对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码-->
<meta charset="utf-8">
<!-- 文档的标题 -->
<title>我的网页标题</title>
</head>
<!-- 可见的页面内容 -->
<body>
<!-- 用h1~h6定义标题,h1字体最大,h6字体最小 -->
<h1>这是字体为1号的标题</h1>
<h6>这是字体为6号的标题</h6>
<p>这是我的段落</p>
<!-- 换行 -->
<br />
<p>
这个段落
在源代码 中
包含 许多行
但是 浏览器
忽略了 它们。
</p>
<p>我的<br />换行<br/>段落</p>
<!-- 分割线 -->
<hr>
<!-- 插入图片 -->
<img src="/i/eg_w3school.gif" width="300" height="90" />
<!-- 插入网页链接 -->
<a href="http://www.baidu.com">这是百度的链接</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的网页</title>
</head>
<!--设置网页背景色为蓝色-->
<body style="background-color:PowderBlue">
<!--设置标题和段落的字体、颜色、大小-->
<h1 style="font-family:verdana;color:red;font-size:20px">我的标题</h1>
<p style="font-family:arial;color:blue;font-size:30px">我的段落</p>
<!--设置文字居中-->
<p style="text-align:center">我的居中段落</p>
<!--加粗字、斜体字、上标、下标-->
<b>这是加粗字</b>
<i>这是斜体字</i>
<p>这是<sub>下标</sub>这是<sup>上标</sup>字</p>
<!--引用-->
<p>我们的目标是<q>保护自然</q></p>
<blockquote>
五十年来,WWF 一直致力于保护自然界的未来。
世界领先的环保组织,WWF 工作于 100 个国家,
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>
<!--缩写标记-->
<p><abbr title="World Health Organization">WHO</abbr>成立于1948年</p>
<!--双向重写-->
<bdo dir="rtl">
的写着倒是话段这
</bdo>
</body>
</html>