HTML基础教程
~~~~~~用文本文档编辑html,后缀名为.html/.htm,编辑时记住保存,才能在浏览器刷新显示。~~~~~~
1.html标签:用尖括号<>包围的关键字,一般成对出现,/为结束标签标示
<html></html>
<head></head>:头文件
<body></body>:主体部分,可见的页面内容<h1></h1>:标题h1-h6
<p></p>:段落
<a></a>:链接 (一般在属性href中指定链接地址)
<a href="http://www.baidu.com">这是一个链接。</a>
<a href="index.html">这是链接到本身。</a>
<a href="http://www.w3cschool.cc/" target="_blank">访问 w3cschool.cc!</a> /*如果你把target属性设置为“_blank”,链接将在新窗口打开*/
</br>:换行
文本格式化:
<b>加粗文本</b>
<i>斜体文本</i>
这是<sup>上标<sup>和<sub>下标</sub>
<code>电脑自动输出</code>
..............................html5标签参考手册(功能排序):http://www.w3cschool.cc/tags/ref-byfunc.html
2.html元素:在标签对中间的内容都是元素。
3.html属性:总是在开始标签内,总是以属性名称=“值” 形式出现。
.............................html5属性参考手册:http://www.w3cschool.cc/tags/ref-standardattributes.html
4.html样式:现在更多用的是CSS样式
5.html图像 : <img></img>(注释:图像的名称和尺寸是以属性的形式提供的)
<img scr="luffy.jpg" width=100px height=100px>引用luffy图像,宽度100像素,高度100像素,引用图片时,图片要存在html整体文件夹内,不然网页无法显示</img>
alt 属性:图像加载不出时,显示的图片文本。
title属性:图像可见时,鼠标滑过显示文本。
语法:title="图片介绍"
<img src="boat.gif" alt="Big Boat" title="图片介绍">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
HTML颜色:
http://www.w3cschool.cc/html/html-colornames.html
补充:
<blockquote>:引用长文本,浏览器解析(缩进2个字节)
文本中显示空格:
文本中插水平线:<hr />
文本中显示地址信息(一般斜体):<address>某某公司</address>
插入一行代码:<code>var i=i+300;
</code>
插入一段代码:常用来展示计算机的源代码
<pre>var message="欢迎";<br>
for(var i=1;i<=10;i++)<br>
{<br>
alert(message); <br>
}<br>
</pre>
表单中插入文本域:<textarea>
语法:<textarea
rows="
行数"
cols="
列数"
>
默认值</textarea>
1
、cols :
多行输入域的列数。
2
、rows :
多行输入域的行数。
注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
3
、在<textarea></textarea>标签之间可以输入默认值。