WEB前端开发学习----1.HTML基础

1.HelloWorld!

首先说一下html的基本格式，是必须要有的。

<html>
<head>
</head>
<body>

</body>
</html></span>

不用多说，按照惯例，我们来制作第一个HTML文档。非常简单，打开文本编辑器，录入以下代码，保存为HelloWorld.html即可。

<html>
<head>
</title>
</head>
<body>
HelloWorld!
</body>
</html></span>

然后用你的浏览器打开它，就可以在屏幕上看到又爱又恨的HelloWorld!了。 WEB前端开发学习----1.HTML基础

2.Html的基本标签

1.<h1>这是标题1</h1>

标题标签，用来定义文档中的标题，从h1~h6字号越来越小，而且会进行自动换行。比如下面这段代码：

<span style="font-size:14px;"><h1>这是正标题</h1>
<h2>这是副标题</h2>
<h3>这是小标题</h3></span>

可以将这段代码加在基本格式的<body>标签之后。用浏览器打开，可以看到效果

2.<p>这是段落</p>

段落标签，用来定义文档中的段落，会进行换行。

3.<a href="http://www.baidu.com">跳转到百度</a>

超级链接标记，用来定义超级链接。

href称为html的属性，引号内则为属性的值

4.<img src="路径" />

图像标签，用来在文档中插入图片。路径常使用相对路径，也可以是网络图片的网址。

src称为html的属性，引号内则为属性的值

5.<br />

换行标签，可以在文档中进行换行。

基本语法：

<开始标签属性="属性值">内容</结束标签>

不难发现，标签分为单标签和双标签两种。

双标签：<h1></h1> 有开始标签和结束标签。一定要记得加上结束标签，以防出错。

单标签：如<br />没有关闭标签。但记得要正确的关闭，也就是加上“/”。

Html对大小写不明感，但是推荐使用小写。

属性值一定要放在引号中，一般使用双引号，但如果属性值本来就有双引号，则使用单引号。

其他简单的html标签我就不一一介绍了，在推荐的教程中写的非常的仔细易懂。我说一下重要的标签。

秒客网