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>

day25 前端的更多相关文章

  1. Day25 前端自学日记——入坑记

    一 学习契机 今年是走出校门的第一个年头,进入了一家还算不错的公司,领着一份还算不错的薪水,在外人眼中,似乎这样已经不错了,只要我努力好好做,前程一片光明.可事实真是这样吗?两份实习经历都指向我应该从 ...

  2. 撩课-Web大前端每天5道面试题-Day25

    1.web前端开发,如何提高页面性能优化? 内容方面: .减少 HTTP 请求 (Make Fewer HTTP Requests) .减少 DOM 元素数量 (Reduce the Number o ...

  3. 构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案（四）

    通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 ja ...

  4. 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案（三）

    前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本 ...

  5. 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

    记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...

  6. 总结：Mac前端开发环境的搭建（配置）

    新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...

  7. Fis3的前端工程化之路[三大特性篇之声明依赖]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  8. Fis3的前端工程化之路[三大特性篇之内容嵌入]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  9. Fis3的前端模块化之路[基础篇]

    Fis3版本:v3.4.22 fis3是一个构建工具 解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题. 安装 npm install -g fis3 运行 fis3 ...

  10. 细说前端自动化打包工具--webpack

    背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.用过Dreamweaver的都知道,做网页就像用word编辑文档 ...

随机推荐

  1. 好书推荐之Mysql三剑客 ：《高性能Mysql》、《Mysql技术内幕》、《数据库索引设计与优化》

    Mysql三剑客系列书籍: 大佬推荐 首先推荐<高性能 MySQL>,这本书是 MySQL 领域的经典之作,拥有广泛的影响力.不但适合数据库管理员(DBA)阅读,也适合开发人员参考学习.不 ...

  2. Echarts中tooltip解决显示指定数据

    今天开发中遇到一个问题,echarts图表触摸x轴触发tooltip会将x轴上所有的数据展示出来,但是有些场合只需要展示某些数据就可以,并不需要全部展示,如下图: 这里警戒线因为需要开关,所以使用填充 ...

  3. 【项目实战】Kaggle电影评论情感分析

    前言 这几天持续摆烂了几天,原因是我自己对于Kaggle电影评论情感分析的这个赛题敲出来的代码无论如何没办法运行,其中数据变换的维度我无法把握好,所以总是在函数中传错数据.今天痛定思痛,重新写了一遍代 ...

  4. 使用Prometheus和Grafana监控nacos集群

    官方文档:https://nacos.io/zh-cn/docs/monitor-guide.html 按照部署文档搭建好Nacos集群 配置application.properties文件,暴露me ...

  5. portainer 1.24.2 升级到 portainer-ce 最新版

    官方升级步骤文档: https://docs.portainer.io/v/ce-2.9/start/upgrade/docker 若是现在的版本是 portainer-ce 2.0.0 ,看Opti ...

  6. Spring Boot 使用 Micrometer 集成 Prometheus 监控 Java 应用性能

    转载自:https://cloud.tencent.com/developer/article/1508319 文章目录1.Micrometer 介绍2.环境.软件准备3.Spring Boot 工程 ...

  7. 学习ASP.NET Core Blazor编程系列四——迁移

    学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系 ...

  8. Spring Cloud Consul 入门指引

    1 概述 Spring Cloud Consul 项目为 Spring Boot 应用程序提供了与 Consul 的轻松集成. Consul 是一个工具,它提供组件来解决微服务架构中一些最常见的挑战: ...

  9. VideoPipe可视化视频结构化框架开源了！

    完成多路视频并行接入.解码.多级推理.结构化数据分析.上报.编码推流等过程,插件式/pipe式编程风格,功能上类似英伟达的deepstream和华为的mxvision,但底层核心不依赖复杂难懂的gst ...

  10. 方法的重载（overload）

    1.定义:在同一个类中,允许存在一个以上的同名方法,只要它们的参数个数或者参数类型不同即可. "两同一不同":同一个类.相同方法名 参数列表不同:参数个数不同,参数类型不同 2.举 ...