快速学习HTML（半小时）

最新推荐文章于 2024-07-30 19:48:49 发布

不太蓝的男孩子

最新推荐文章于 2024-07-30 19:48:49 发布

阅读量705

点赞数 1

文章标签： HTML

本文链接：https://blog.csdn.net/qq_39627579/article/details/89712911

版权

时间紧迫直接上代码


<!-- 
一个HTML文件
	1.首先第一行由一个doctype文本描述标签
	2.接下来由一个<html></html>标签
我们要做到是编辑<html></html>里的内容，具体包括
	1.head部分：主要设置网页的描述、编码、引入的文件
	2.body部分：作为在浏览器上的显示部分，主要处理：文字、图片、链接。额外还有：表格，列表，表单。
-->


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" /><!-- 设置HTML字符编码为utf-8解决中文乱码问题 -->
		<title>我是网页的标题</title><!--设置网页的标题-->
		<!--head中暂时明白这两个标签就行-->
	</head>
	<body>
		<!--文字处理-->
		<h1>我是文章标题具体有h1-h6</h1>
		<p>段落</p>
		<p>
			段落2
			我没有换行
		</p>
		<pre>
			我也是文章段落pre
			我显示原来在HTML的格式<br>我前面有一个换行标签
			<b>我是粗字体</b>
			<i>我是斜体字</i>
			<u>我有下划线</u>
			<center>我居中显示了</center>
		</pre>
		
		<!--图片-->
		<img src="img/mao.png" alt="这是图片的替代文字"/>
		<!-- 
		src=""里边填写图片的路径 
		alt=""当图片路径填错或者图片不存在时用里边的文字替代图片
		还可以设置图片的高和宽：width="100px" height="100px" 设置图片大小为100*100像素
		-->
		
		<!--链接-->
		<a href="https://www.baidu.com">我是链接，我可以跳转到百度</a>
		<!-- href="设置跳转到的网址"-->
		
		<!--表格-->
		<!--
			一个table表格标签，由一行一行tr组成，每一行由一小格一小格td组成
		-->
		<!--这是一个3行（tr） 一行两列（td）的表格-->
		<table border="1px" align="center">
			<tr>
				<td>1.1</td><td>1.2</td>
			</tr>
			<tr>
				<td>2.1</td><td>2.2</td>
			</tr>
			<tr>
				<td>3.1</td>
				<td>
					嵌套一个table
					<table border="1px">
						<tr><td colspan="2">我占两列</td></tr>
						<tr><td>2.1</td><td>2.2</td></tr>
					</table>
				</td>
			</tr>
		</table>
		<!--
			border设置表格的边框大小
			align设置表格的位置（靠左、居中、靠右）
			colspan设置td占的列数
			rowspan设置td占的行数
		-->
		
		<!--列表-->
		<ol>
			<li>列</li>
			<li>列</li>
			<li>列</li>
		</ol>
		<!--
			有序列表 ol
			li表示一列
			排序序号有：数字、字母等
		-->
		
		<ul>
			<li>列</li>
			<li>列</li>
			<li>列</li>
		</ul>
		<!--
			无序列表 ul
			每列标识有：空心圆、实心圆、矩形等
		-->
		
		
		<!--表单-->
		<form>
			文本输入<input type="text" /><br>
			密码输入<input type="password" /><br>
			一个按钮<input type="button"/><br>
			文件输入<input type="file"/><br>
			选择:A<input type="checkbox"/>B<input type="checkbox"/><br>
			单选:男<input type="radio" name="sex"/>女<input type="radio" name="sex"/><br>
			下拉框：
			<select>
				<option>北京</option>
				<option>上海</option>
				<option>深圳</option>
				<option>广东</option>
			</select>
		</form>
	</body>
</html>

学会以上代码，那么你的HTML就算是入门了，其他的显示样式：颜色、大小、位置等操作就要学习CSS的使用了