讲解html得常用基础知识,建议阅读时间10分钟
html基本概念:
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML文件的扩展名为.html 或 .htm
基本结构:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>html示例</title>
</head>
<body>
</body>
</html>
网页内容以<html>开始</html>结束
head中配置页面属性,引入js css等
body中放置网页详细内容。
标记类别有三种:
<标记名>最简单的网页</标记名>
例如:<title>我的第一个页面</title>
<标记名 属性名=“属性值”>文本</标记名>
例如:<body bgcolor=“red”>背景红色</body>
<标记名>
例如:我想学做网页<br>是呀!我也想学!
注释
<!– 注释内容-->
常用标签:
div:可定义文档中的分区或节,独占一行的常用标签
span:标签被用来组合文档中的行内元素,不独占一行的常用标签
<h1> - <h6> 等标签定义标题
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
<p> 标签定义段落
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
<a> 标签定义链接 在 href 属性中指定链接的地址。
<a href="http://www.baidu.com">This is a link</a>
<img> 标签定义图像
<img src="logo.jpg" width="104" height="142" />
ul 或 ol 定义列表
<ol><li>Coffee</li> <li>Tea</li> <li>Milk</li>
</ol> <ul><li>Coffee</li> <li>Tea</li> <li>Milk</li>
</ul>
input定义输入框
<form action="form_action.asp" method="get"> First name:<input type="text" name="fname" />
Last name:<input type="text" name="lname" />
<input type="submit" value="Submit" />
</form>
table定义表格
<table border="1">
<tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr></table>
标签类型有三种:
块级标签:独占一行,可设置宽高等。如div p
行内标签:不独占一行,不可设置宽高等。如span a
行内块标签:不独占一行,可设置宽高等。如img
html标签的主要作用是把页面内容放入页面,具体的样式修饰,请参考下一篇css基础