day25 前端

https://www.dcloud.io/hbuilderx.html 下载HbuilderX,直接解压缩双击打开

html5

<!DOCTYPE html><!-- 文档类型,声明当前网页文档是html5的版本 -->
<html><!-- 网页文件的根标签,所有的html标签都必须写在跟标签里面 -->
	<head><!-- 头部标签,记录网页文件的元信息,head标签中的内容不会在浏览器窗口展示 -->
		<meta charset="utf-8" />
		<title>学个锤子</title><!-- 标题标签 -->
	</head>
	<body><!-- 主体标签,包含所有在浏览器窗口展示的内容 -->

	<img src="img/R-C (1).jfif" width="300px">
		<!-- 标题标签h1-h6:独占一行 -->
		<h1>标题标签</h1>
		
		<!-- 段落标签p:独占一行 -->
		<p>段落标签</p>
		
		<!-- 换行标签 -->
		123<br>456
		<!-- hr水平线标签 -->
		<hr>
		
		<!-- 注释行,ctrl+/注释整行 crtl+shift+/插入一个空注释,或者注释选中的内容 -->
		
		
		<!-- 文本标签 -->
		<b>粗体</b>
		<i>斜体</i>
		<small>比普通文本更小的字体</small>
		<strong>等价于粗体</strong>
		<del>有删除线字体</del>
		
		
		<!-- 超文本连接,href是超链接标签的属性,href指定跳转的路径 -->
		<!-- _blank 表示在新窗口进行跳转链接,_self 表示在此窗口进行跳转 -->
		<a href="http://www.baidu.com" target="_blank">跳转到百度</a>
		
		<!-- 书签,每个标签的id属性值都是唯一的  -->
		<div id="tips">提示部分</div><!--回到顶部,悬挂的猫 -->
		<!-- # 表示找一个标签的id属性值进行跳转 -->
		<a href="#tips">跳转到提示部分</a>
		
		<hr />
		
		<!-- 图片标签 src属性指定图片的路径 width指定图片的宽度 height指定图片的高度 -->
		<!-- 从当前文件出发,向上一级或者向下一级的查找方式,称为相对路径 -->
		<!-- 从项目根路径出发的查找方式称为绝对路径 -->
		<img src="img/study.jfif" width="500px" >
		<!-- <img src="../img/study.jfif" width="100px"> -->
		<!-- 指定图片网址 -->
		<!-- <img src="网址" width="200px"> -->
		<br>
		
	</body>
</html>


表格

  <ul><!-- 无序表-->
    <li>111</li>
    <li>222</li>
  </ul>
  <ol><!-- 有序表,序号加内容 -->
    <li>111</li>
    <li>111</li>
  </ol>

<!-- table表格标签,border边框宽度,cellspacing边框间距 -->
 <table border="1" cellspacing="0">
	<tr>
	        <th>姓名</th>
	        <th>年龄</th>
	        <th>性别</th>
	</tr>
	<tr>
	        <td>张三</td>
	        <td>18</td>
	        <td>男</td>
	</tr>
	<tr>
		<td rowspan="2">李四</td><!-- 向下合并两个单元格(需要把下面的单元格删掉) -->
		<td>18</td>
		<td>男</td>
	</tr>
	<tr>
		<td colspan="2">18</td><!-- 向右合并两个单元格 -->
	</tr>			
</table>
posted @ 2022-11-04 08:38  小彤在努力  阅读(20)  评论(0)    收藏  举报