HTML是超文本标记语言(Hyper Text Markup Language)
使用的sublime软件(先按英文下的"!"键再加上"tab"可以得到如图HTML的框架)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
HTML标题是通过<h1>~<h6>等标签定义的(放在<body>标签中)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
</body>
</html>
HTML 段落是通过 <p> 标签进行定义的(放在<body>标签中)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
</body>
</html>
HTML 链接是通过 <a> 标签进行定义的(放在<body>标签中,没有设置属性的情况下,默认直接在该窗口跳转到链接页面)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<a href="http://www.baidu.com">baidu</a>
</body>
</html>
HTML 图像是通过 <img> 标签进行定义的(放在<body>标签中,图片放在该页面同一文件夹下则直接通过图片文件名可引用)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<a href="http://www.baidu.com">baidu</a>
<img src="1.jpg" width="100" height="100">
</body>
</html>
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码
HTML可以在开始标签中注明属性
注释标签 <!-- --> (快捷键注释Ctrl+/,取消注释Ctrl+shift+/)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<!-- <a href="http://www.baidu.com">baidu</a> -->
<img src="1.jpg" width="100" height="100">
</body>
</html>