HTML基础
1. html 网页最基本的代码
Code:
<html> <!--网页的代码描述,所有的代码信息全都应该包含在这个标签里-->
<head> <!--网页的头信息-->
<title>MyFirstWeb</title> 〈!--网页文件的标题--〉
</head>
<body> <!--这个标签之间的内容是网页可见的内空-->
<h1> <! --这个标签之间的内容被显示为标题-->
Welcome to MyFirstWeb <!--网页显示的内容-->
</h1>
</body>
</html>
说明：请将上面的代码手动输入到记事本里,然后把内容另存为 MyFirstWeb.html, 双击该文件,即可看到效果
注:学习html语言,最好用手动将代码输入到纯文本编辑器中,这样将有助于记忆html代码
2: html标题
Code:
<h1>Welcome to MyFirstWeb</h1>
<h2>Welcome to MyFirstWeb</h2>
<h3>Welcome to MyFirstWeb</h3>
<h4>Welcome to MyFirstWeb</h4>
<h5>Welcome to MyFirstWeb</h5>
<h6>Welcome to MyFirstWeb</h6>
说明: h1到h6:字体从大到小
3: html段落
Code:
<p>This is first paragraph</p>
<p>This is second paragraph</p>
说明: 段落之间的行距是两行
4: html 换行
Code:
this is first line<br />
this is second line<br />
说明: 单倍行距
注: <br /> 没有结束标签, 标准使用方法<br />
5: html 超链接
Code:
<a href="http://www.hao123.com">Hao123网址之家</a>
<a href="http://www.sina.com" target="_blank">新浪网<a/>
说明: target=”_blank” 是指在新窗口或新标签中打开窗口
6: html 图片
Code:
<img src="e:\ghost.ico" width="300" height="200" />
<img src="http://hiphotos.baidu.com/aobaby/pic/item/c92577548f78384d564e00cf.jpg" />
说明: width和heigth定义了图像的尺寸,图像的尺寸和名称是以属性形式提供的
![http://hiphotos.baidu.com/aobaby/pic/item/c92577548f78384d564e00cf.jpg"](http://hiphotos.baidu.com/aobaby/pic/item/c92577548f78384d564e00cf.jpg"){kind=link}