1、HTML基础
其他
2020-03-04 00:52:31
阅读次数: 0
1. HTML的基本机构
- 文档声明,用来指定页面所使用的html版本,这里声明的是一个html5的文档。
<!DOCTYPE html>
- html的开始标签和结束标签
<html>……</html>
- 定义文档的头部,负责对网页进行设置标题、编码格式以及引入css和js文件。
<head>……</head>
- 编写网页上显示的内容。
<body>……</body>
2. 开发工具
- Visual Studio Code
- 插件推荐
- Chinese(Simplified) Language Pack for VS Code:中文(简体)汉化包
- open in browser:右键在浏览器打开html
3. 常见的html标签
- 标签不区分大小写,推荐小写
- 根据标签的书写形式,分为双标签(闭合标签)和单标签(空标签)
4. 资源路径
- 绝对路径
- 相对路径
5. 表单提交
- 表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器。
9. html标签总结
- 代码实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>h1标题</h1>
<div>div标签</div>
<p>段落标签</p>
<br>
<img src="*.*" alt="图片标签">
<img src="*.*" alt="图片标签">
<a href="http://www.ccblogs.com">ccblogs</a>
<div>
<img src="*.*" alt="图片标签">
<a href="http://www.ccblogs.com">ccblogs</a>
</div>
<ul>
<li>列表标题一</li>
<li>列表标题二</li>
<li>列表标题三</li>
</ul>
<ol>
<li>列表标题一</li>
<li>列表标题二</li>
<li>列表标题三</li>
</ol>>
<table style="border-collapse: collapse;">
<th>
<td>No</td>
</th>
<tr>
<td>1</td>
</tr>
</table>
<form action="www.ccblogs.com" method="GET">
<label>label标签</label>
<input type="text" name="">
<input type="password" name="">
<input type="radio" name="">
<input type="checkbox" name="">
<input type="file" name="">
<input type="submit" name="">
<input type="reset" name="">
<input type="button" name="">
<textarea></textarea>
<select>
<option>1</option>
<option>2</option>
</select>
</form>
</body>
</html>
发布了13 篇原创文章 ·
获赞 2 ·
访问量 817
转载自blog.csdn.net/ccblogs/article/details/104600574