3843次阅读
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元哦！
，不要超过100元哦！
评论请先登录