1640次阅读
HTML初级知识

HTML是一门标记语言,它的基本结构是这样的:

<!DOCTYPE html>
<head>
<meta charset=utf-8 />
<title>我是标题,在标签页的X旁边哦</title>
</head>
<body>
我是页面内容哦!
</body>	
check the result

其中,第一行声明这是一个HTML文档;head是一些头信息,其中charset是字符集,title是页面标题;body中是页面内容。

HTML用普通的文本编辑器就能编写,后缀改为html就能用浏览器打开。也可以用欣欣推荐的notepad++。

一些比较重要的标签是:h1、h2、h3等等,可以作为标题;p是段落标签;a是超链接;img是图片;hr是水平线;table是表格;ul和li是列表;div是块元素;span是行内元素;form是表单。

每一个标签都有自己的属性,如a标签有href属性,可以指定跳转的链接。学习html就是要熟悉这些元素和它的属性。

好啦,重要的就这么多,下面我总结一个例子吧。

<!DOCTYPE html>
<head>
<meta charset=utf-8 />
<title>初识HTML例子</title>
</head>
<body>
<h1>初识HTML</h1>
<h2>副标题</h2>
<p>我是一个段落</p>
<a href="http://www.webxinxin.com">我是超链接,可以带你去欣欣网站制作哦</a>
<br/>
图片也可以从网上获取哦,看我拿百度的图片
<br/>
<img src="http://www.baidu.com/img/bdlogo.png" width="100px"/>
<hr/>
表格:
<br/>
<table>
  <tr><th>第一列</th><th>第二列</th><th>第三列</th></tr>
  <tr><td>1</td><td>2</td><td>3</td></tr>
  <tr><td>1</td><td>2</td><td>3</td></tr>
</table>
列表:
<br/>
<ul>
  <li>苹果</li>
  <li>梨子</li>
  <li>香蕉</li>
</ul>
<div>我是div,欣欣说我很重要,是真的么?</div>
<span>我是span</span>
<br/>
表单:
<br/>
<form>
  <input type="text" name="hello" />
</form>
</body>	
check the result

这么轻松就把html搞懂了,还真是挺简单的,但是怎么还是感觉做不出漂亮的网页呢?

如果您觉得此教程不错,想支持一下,您可以通过支付宝扫码给我们一点,不要超过100元哦!
评论请先登录