HTML基础知识笔记
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<p>hello html</p>
</body>
</html>
参考教程:
HTML 标签
- 标题
<h1>This is a heading</h1>
- 段落
<p>This is a paragraph</p>
- 链接
<a href="http://www.w3school.com.cn">This is a link</a>
- 图像
<img src="w3school.jpg" width="104" height="142" />
HTML 元素: 指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML 属性: 标签可以拥有属性,以名称/值对的形式出现,总是在 HTML 元素的开始标签中规定。
- class 可重复
<div class="cities"><p>London</p></div>
- id 唯一
<h1 id="myHeader">My Header</h1>
- style
<p style="background-color:green">This is a green</p>
HTML 注释: <!-- This is a comment -->
HTML 表格
<table border="1">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>行 1, 列 1</td>
<td>行 1, 列 2</td>
</tr>
<tr>
<td>行 2, 列 1</td>
<td>行 2, 列 2</td>
</tr>
</table>
HTML 有序、无序列表
<!-- 有序列表 -->
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<!-- 无序列表 -->
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
元素组合
<div>
块级元素,常用于组合其他 HTML 元素的容器
<div class="cities"><p>London</p></div>
<span>
内联元素,常用作文本的容器,不换行
<h1>My <span class="red">Important</span> Heading</h1>
HTML 表单
HTML 表单用于搜集不同类型的用户输入
<form action="url_to_server_script" method="GET/POST">
<!-- form elements go here -->
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br>
<button type="submit">Submit</button>
</form>