前端基础-01-HTML

最新推荐文章于 2023-03-01 13:59:09 发布
最新推荐文章于 2023-03-01 13:59:09 发布
阅读量811 收藏
点赞数
分类专栏： python全栈开发学习笔记 文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37978800/article/details/124828969
版权
  • 一个完整的网页是由 >html:完成页面各组成部分的搭建;css：进行页面修饰；js：让html页面具有很多的功能
    在这里插入图片描述

HTML

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title>
</head>
<body>
 我是正文
</body>
</html>

在这里插入图片描述

常用标签

字体标签

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title>
</head>
<body>
  <font size="5" face="黑体" color="red">字体大小：size="1-7"号，字体格式：face="隶书",颜色：color="red"，还可以使用 RGB或者16进制设置颜色
  </font>
</body>
</html>

在这里插入图片描述

段落标签

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title>
</head>
<body>
 <p>p换段</p>
 <p>HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。<br>HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
 </p>
 <p>超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。<br>这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
 </p>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title> <!--标题-->
</head>
<body> <!--内容-->
 <p>p换段</p><!--注释-->
 <p>HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。<br>HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
 </p>
 <!--<p>换段</p>，<br>换行-->
 <p>超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。<br>这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
 </p>
</body>
</html><!--结尾-->

在这里插入图片描述

标题标签

在这里插入图片描述

<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title> <!--标题-->
</head>
<body> <!--内容-->
	<!--常用h1 h2 h3-->
<h1>标题1</h1> <!--seo优化一般指搜索引擎优化-->
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
</body>
</html><!--结尾-->

在这里插入图片描述

img链接

在这里插入图片描述

  • 相对路径
    在这里插入图片描述
<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>python</h1>
	python:<img src="img/1.jpeg" alt="not find"/> <!--test.html和img文件夹是平级关系所以直接从img开始查找-->
</body>
</html><!--结尾-->

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>python</h1>
	python:<img src="../img/2.jpeg" alt="not find"/> <!--非平级，我们使用../返回到test 因为test和img文件夹是平级关系-->
</body>
</html><!--结尾-->
  • 绝对路径
<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>我是标题</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>python</h1>
	<img src="E:/前端/html/img/2.jpeg" alt="not find"/> <!--绝对路径-->
	<img src="../img/1.jpeg" alt="not find" width="100px" height="100px" /><!--相对路径宽度高度width="100px" height="100px" --> 
</body>
</html><!--结尾-->

在这里插入图片描述

超级链接

在这里插入图片描述

  • 代码块1
<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Welcome</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>首页</h1>
	<p><a href="test/img.html">打开新页面</a></p> 
	<p><a href="http://www.baidu.com">baidu</a></p> <!--切换其他网站需加上http/https-->
	<p><a href="http://www.baidu.com"><img src="log.jpg"></a></p><!--使用图片作为超链接-->
</body>
</html><!--结尾-->
  • 代码块2
<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>二号页面</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>新页面</h1><!--h系列默认换行-->
	<a href="../test.html">单击此处返回首页</a>
	<p><img src="../img/1.jpeg" width="800px" height="400px" alt="not find"/></p>
	<p><img src="../img/2.jpeg" width="800px" height="400px" alt="not find"/></p>
</body>
</html><!--结尾-->

  • 点击网站上的超链接即可换到其他页面
    在这里插入图片描述
    在这里插入图片描述

  • 上诉方式是在当前窗口打开一个新页面

  • 下述方式 target="_blank"表示新开一个窗口打开页面

在这里插入图片描述

<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Welcome</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>首页</h1>
	<p><a href="test/img.html" target="_blank">打开新页面</a></p> <!--target="_blank"表示新开一个窗口打开页面-->

</body>
</html><!--结尾-->

<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>二号页面</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>新页面</h1><!--h系列默认换行-->
	<a href="../test.html " target="_blank" >单击此处返回首页</a>
	<p><img src="../img/1.jpeg" width="800px" height="400px" alt="not find"/></p>
	<p><img src="../img/2.jpeg" width="800px" height="400px" alt="not find"/></p>
</body>
</html><!--结尾-->

在这里插入图片描述

锚点标签

在这里插入图片描述

  • 锚点1点击该锚点就能跳转到对应的锚点
<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Welcome</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>首页</h1>
	 <p><a href="test/img.html"target="_blank">打开新页面</a></p>
	 <p><a href="#num-1">锚点1</a></p><!--点击该锚点就能跳转到对应的锚点-->
	 <p><a href="#num-2">锚点2</a></p>
	 <a name="num-1"><!--锚点-->
	 <p>num-1锚点----HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。</p></a><!--锚点结尾-->
     <a name="num-2"><!--锚点-->
     <p>num-2锚点---超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。</p></a>
     

</body>
</html><!--结尾-->
  • 我们在页面二可以使用 文件名称+锚点进行跳转
<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>二号页面</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>新页面</h1><!--h系列默认换行-->
	<a href="../test.html " target="_blank" >单击此处返回首页</a>
	<p><a href="../test.html#num-2">test页面锚点1</a></p>
	<p><a href="../test.html#num-2">test页面锚点1</a></p>
	<p><img src="../img/1.jpeg" width="800px" height="400px" alt="not find"/></p>
	<p><img src="../img/2.jpeg" width="800px" height="400px" alt="not find"/></p>
</body>
</html><!--结尾-->

在这里插入图片描述

列表标签

  • 不牵扯顺序的可以用无序列表，牵扯顺序的需要使用有序列表
    在这里插入图片描述
    在这里插入图片描述
<!DOCTYPE html>
<html><!--开始-->
<head> <!--头部-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Welcome</title> <!--标题-->
</head>
<body> <!--内容-->
	<h1>首页</h1>
    <ul>
	   <li>num-1锚点----HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。</li>
       <li>num-2锚点---超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。</li>
     </ul> <!--ul无序-->
     <ol>
     	<li>AAAA</li>
     	<li>超链接：<a href="test/img.html"target="_blank">打开新页面</a></li>
     	<li><img src="img/1.jpeg" alt="not find" width="400px" height="200px" /></li>
     </ol> <!--ol有序-->
     

</body>
</html><!--结尾-->

在这里插入图片描述

表格

基础表格

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>表格学习</title>
</head>
<body>
	<table border="1px" width="600px"><!--table表，border边框 width=宽度-->
		<caption>用户信息表</caption> <!--caption标题-->
		<tr><!--tr行-->
			<th><!--th列 加粗居中-->姓名</th>
			<th>密码</th>
			<th>邮箱</th>
		</tr>
		<tr><!--tr行-->
			<td><!--td列 普通列-->张三</td>
			<td>123456</td>
			<td>zhangsan@163.com</td>
		</tr>
		<tr>
			<td>李四</td>
			<td>123321</td>
			<td>lisi@163.com</td>
		</tr>
		<tr>
			<td>王五</td>
			<td>123321</td>
			<td>wangwu@163.com</td>
		</tr>
	</table>
</body>
</html>

在这里插入图片描述

合并表格

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>表格学习</title>
</head>
<body>
	<table border="1px" width="600px">
		<caption>《商品清单》</caption>
		<tr>
			<th>商品类别</th>
			<th>商品名称</th>
			<th>单位</th>
			<th>数量</th>
		</tr>
		<tr>
			<td rowspan="3">家电类</td> <!--rowspan行合并 如我们需要把下面3行合并，我们需要删除下面需要合并的行-->
			<td>冰箱</td>
			<td>台</td>
			<td>520</td>
		</tr>
		<tr>
			
			<td>洗衣机</td>
			<td>台</td>
			<td>250</td>
		</tr>
		<tr>
			
			<td>电视机</td>
			<td>台</td>
			<td>500</td>
		</tr>
		<tr>
			<td>备注</td>
			<td colspan="3"></td>
			
			
		</tr>
	</table>
</body>
</html>

在这里插入图片描述

表格标签

在这里插入图片描述

  • 这些标签现在并无任何变化，主要用于后期css进行修饰
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>表格学习</title>
</head>
<body>
	<table border="1px" width="600px"> <!--表格-->
		<caption>《商品清单》</caption><!--表格名字-->
		<thead> <!--表格标头 页眉-->
			<tr>
			<th>商品类别</th>
			<th>商品名称</th>
			<th>单位</th>
			<th>数量</th>
		    </tr>
		</thead>
		<tbody><!--主体部分-->
			<tr>
				<td rowspan="3">家电类</td> <!--rowspan行合并 如我们需要把下面3行合并，我们需要删除下面需要合并的行-->
				<td>冰箱</td>
				<td>台</td>
				<td>520</td>
			</tr>
			<tr>
				<td>洗衣机</td>
				<td>台</td>
				<td>250</td>
			</tr>
			<tr>
				<td>电视机</td>
				<td>台</td>
				<td>500</td>
			</tr>
		</tbody><!--主体部分闭合-->
		<tfoot> <!--页脚-->
			<tr>
				<td>备注</td>
				<td colspan="3"></td>
			</tr>
		</tfoot>	
	</table> <!--表格闭合-->
</body>
</html>

在这里插入图片描述

			<tr>
				<td rowspan="3">家电类</td>
				<td align="center">冰箱</td><!--居中对齐-->
				<td align="right">台</td><!--align对齐方式 右对齐-->
				<td align="left">52.00</td> <!--默认就是左对齐-->
			</tr>

在这里插入图片描述

其他标签

在这里插入图片描述
在这里插入图片描述

表单

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>表单</title>
</head>
<body>
	<form action="" method="">
		<label>请输入姓名:</label><input type="text" name="userName" id="userName"><br><!--换行 name可以重复 id唯一-->
		<label>请输入密码:</label><input type="password" name="" id=""><br>
		<label>再次输入密码:</label><input type="password" name="" id=""><br>
		<label>性别:</label>
		   <input type="radio" name="xingbie" id="" value="男">男 <!--name 里面是一样的表示是一组 只能选择一个-->
		   <input type="radio" name="xingbie" id="" value="女">女<br>
		<label>兴趣爱好</label>
		   <input type="checkbox" name="" id="" value="1">游泳<!--value=1,2,3这是为了方便以后后台传输-->
		   <input type="checkbox" name="" id="" value="2">游戏
		   <input type="checkbox" name="" id="" value="3"><label>跳舞</label>
		   <input type="checkbox" name="" id="" value="4"><label>学习</label><br>
		<label>生日:</label>
		   <select>
		   	<option value="1994">1994</option>
		   	<option value="1995" selected="selected">1995</option><!--selected="selected"默认选中-->
		   	<option value="1996">1996</option>
		   	<option value="1997">1997"</option>
		   	<option value="1998">1998</option>
		   	<option value="1999">1999</option>
		   	<option value="2000">2000</option>
		   </select>年
		   <select>
		   	<option value="1">1</option>
		   	<option value="2">2</option>
		   	<option value="3">3</option>
		   	<option value="4">4</option>
		   	<option value="5">5</option>
		   	<option value="6">6</option>
		   	<option value="7">7</option>
		   </select>月
		   	<select>
		   	<option value="1">1</option>
		   	<option value="2">2</option>
		   	<option value="3">3</option>
		   	<option value="4">4</option>
		   	<option value="5">5</option>
		   	<option value="6">6</option>
		   	<option value="7">7</option>
		   </select>日<br>
		   头像<img src="img/1.gif">
		   <select>
		   	<option value="1">1</option>
		   	<option value="2">2</option>
		   	<option value="3">3</option>
		   	<option value="4">4</option>
		   	<option value="5">5</option>
		   </select><br>
		   <input type="button" value="普通按钮">
		   <input type="submit" value="提交按钮">
	</form>
	<textarea rows="5" cols="30" name=" " id=" ">请输入</textarea><br><!--多行文本框 行数 宽度-->
	<input type="file"><input type="button" value="上传"><!--上传文本框-->
	隐藏<input type="hidden" name="" id=" ">文本框<br><!--隐藏文本框 “不显示” 作用主要用于信息传递，需带上业务功能-->
	    普通列表框:<select size="3" multiple="true"><!--显示条目3条 multiple多选 需安装ctrl健-->
		   	<option value="11">11</option>
		   	<option value="22">22</option>
		   	<option value="33">33</option>
		   	<option value="44">44</option>
		   	<option value="55">55</option>
		   	<option value="66">66</option>
		</select><br>

</body>
</html>

在这里插入图片描述

在这里插入图片描述

gemoumou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端基础---html
09-21
使用于刚开始学习前端的小白，我的手写笔记！欢迎大家来监督我的学习，争取在十二月份时给我闺蜜做一个礼物。。。哈哈哈哈。。。
【学习笔记】HTML5 示例
码海畅游记录
07-18 3077
示例1 HTML <!DOCTYPE html> <html> <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"> <link rel="stylesheet
＜!DOCTYPE html＞＜html＞＜head＞ ＜meta charset=“utf-8“ /＞ ＜meta name=“viewport“ conten
热门推荐
weixin_55229531的博客
03-01 1万+
web---HTML基础知识
Allure泽宇的博客
06-11 5461
HTML基础知识内容总结
HTML入门学习
qq_46556545的博客
03-23 3968
基本标签 文档声明 <!DOCTYPE html> <!--文档声明，表示这是一个HTML页面--> HTML标签 <html> </html> <!--标签对，告诉浏览器这个页面的范围--> head标签 <head> </head> <!--标签对，是网页的头部，用于定义一些特殊的内容--> body标签 标题标签 段落标签 换行标签 水平线标签 字体样式标签 常见特殊符号
html头部中各式各样的meta
weixin_30668887的博客
06-05 217
在写网页的过程中，第一步就是创建一个html文档。如下是最简单的 html5 文档。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="wid...
前端基础-html 精讲 代码展示
最新发布
04-12
在这个"前端基础-html 精讲 代码展示"中，我们将深入探讨HTML的重要概念和代码实践，以便帮助读者更好地理解和应用HTML。 首先，HTML由一系列的元素组成，每个元素都由标签定义。这些标签通常成对出现，比如`<p>`...
前端练习01-前端-HTML
03-24
本练习集“前端练习01-前端-HTML”旨在帮助初学者或有一定基础的学习者深入理解并熟练掌握HTML的基本概念、结构以及应用。 HTML是一种标记语言，它通过一系列预定义的标签来描述网页内容和结构，如标题、段落、图像...
前端小白-HTML基础知识学习总结
03-23
前端小白-HTML基础知识学习总结
前端基础-课程简介.xmind
11-10
这是一份思维导图，主要对软件架构与网页背景做了个简单讲解，大致讲了软件架构的类别和其特点，还有网页的组成等。
html基础
qq_50452445的博客
07-06 3125
HTML 的全称为超文本标记语言, 是一种标记语言。主要用来为文本添加语义。 注释 基本标签 h p img src: “图片的 URL”alt: “图像显示出错的替代文本”width: “图像宽度”height: “图像高度”注意点:​ 1.默认显示图像正常宽高​ 2.图像只设置宽度,高度自适应​ 3.图像只设置高度,宽度自适应​ 4.图像同时设置宽和高, 可能会导致图像变形 a href: “链接指向的页面 URL”target: “新页面打开方式” base target: “所有页面打开方
前端的学习之路：初级HTML---meta标签
weixin_44647555的博客
02-01 763
meta标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>meta标签</title> </head> <body> <!--
【HTML5】1.语法入门总结（第一部分）
qq_44078824的博客
04-17 2315
0.思维导图 1.HTML5基本框架 HTML5 是HyperText Markup Language 5 的缩写，是一种标记语言。 第一个程序，基本框架。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
html使用
悲欢离合
04-25 781
1.html说明 1.1<!--注解 --> 注释:解释说明，对代码的说明；注释浏览器不解析 2html:超文本标签语言 浏览器解析； 弱语言：偶尔写错浏览也能解析；程序员编写的时候尽量规范； 3标签的作用：让html页面语义化 4标准的html格式 文档声明：<!doctype html> html标签：包括所有内容 head标签：文档头，包括一些关于页...
html 标准文档结构
l_ymttt的博客
09-01 221
PC版 <!DOCTYPE html> <html> <head> <!-- 国际统一字符编码集一定要写在最前面 --> <meta charset="UTF-8"> <!-- 解决浏览器兼容，以webkit内核解析，ie 以最高内核解析或以谷歌内核 --> <meta name="renderer" content="webkit"/> <meta http-equiv="X-
HTML——语法
Alyson_jm的博客
02-19 4330
文章目录页面结构一、文档声明头二、页面语言头标签meta 标签title 标签base 标签link 标签三、body 标签语义为什么要语义化写HTML 代码要注意些什么 页面结构 一个标准的HTML页面如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
html+css+js实现俄罗斯方块
wanshuai12138的博客
12-21 1110
html部分 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title> </ti
HTML基础（一）
牢骚太盛防肠断，风物长宜放眼量
05-17 6685
本文是作者在学习html过程中对知识的初步整理 1.第一个程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> </head> <body> hello HTML,I am shuaigeliu </body> </html> htm.
HTML基础
qq_44801321的博客
08-14 3729
W3C标准 结构化标准语言（HTML,XML）. 表现标准语言（CCS）. 行为标准语言（DOM，ECMAscript） HTML基本结构 <body> <-body>等成对的标签分别叫做开放标签和闭合标签 单独出现的叫自闭合标签 <!--DOCTYPE用来定义标准--> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页的头部--> <head> <!--meta描述

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值