HTML基础教程

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个字节)

文本中显示空格:&nbsp;

文本中插水平线:<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>

1cols :多行输入域的列数

2rows :多行输入域的行数

注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替

3、在<textarea></textarea>标签之间可以输入默认值


 






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值