您的位置：首页 > Web前端 > HTML

HTML入门

2016-05-20 01:27 337 查看

1、是什么

Hyper Text Markup Language，表示网页信息的标记语言

2、特点

3、标记和属性

- html文档的保存格式：html、htm、xhtml（区别，XHTML 语法上要求更严谨些）

- 标记和被标记的内容构建出html文档

- 标记的属性，即样式，用来控制“内容”（包括图像、文本等）如何显示

4、语法

<!------html的注释，只有该方式-------->
<!------html标签，为html开始标记------>
<html>
<!------html文件头标记，包含文件的基本信息-------->
<head>
<!-------网页的主题，显示在浏览器窗口的左上边，不能包含其他标记------>
<title>看我看我</title>
<!------meta提供有关页面的元信息，
如针对搜索引擎和更新频度的描述和关键词。
必须属性为content、name=“author|keywords|description|others”
-------->
<meta name=“keywords” content=“html入门” charset="UTF-8" />
<style>样式</style>
</head>
<!------html的主题标记，为网页的主题部分，常见属性有
bgcolor：设置背景颜色
text：设置文本颜色
link：链接颜色
vlink：已经访问了的链接颜色
alink：正在点击的链接颜色-------->
<!---<body bgcolor=“white” link=“green” link=“blue” vlink=“yellow” alink=“black”>--->
<body link="red" vlink="green" alink="yellow">
<h1>hello world</h1>
<h2>hello world</h2>
<h3>hello world</h3>
<h4>hello world</h4>
<h5>hello world</h5>
<h6>hello world</h6>
<p>
p标签表示段落。
<!------可以注意下颜色------>
<a href="http://www.baiduaaa.com">百度1</a>
<a href="http://www.baidu.com">百度2</a>
<a href="http://www.baidusadasd.com">百度3</a>
<!------实体字符-------->
< >
</p>
</body>
</html>

注意：

1、成对出现，

<开始标签>内容</结束标签>

2、大小写不敏感，建议小写

3、标签在网页中不可见

4、空元素在开始标签中进行关闭，如”

<br />

”

5、多写注释，利于代码维护

6、在html文档中按“回车”、“空格”均对网页显示没有影响

7、HTML 中的预留字符必须被替换为字符实体，字符实体详见：

http://www.w3school.com.cn/html/html_entities.asp

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航