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. stm32fxx_hal_i2c.c解读之HAL_I2C_Mem_Write

    HAL_I2C_Mem_Write()函数位于stm32fxx_hal_i2c.c文件的2432行,源代码对该函数的解释如下图 HAL_StatusTypeDef HAL_I2C_Mem_Write( ...

  2. 微服务系列之授权认证(三) JWT

    1.JWT简介 官方定义:JWT是JSON Web Token的缩写,JSON Web Token是一个开放标准(RFC 7519),它定义了一种紧凑的.自包含的方式,可以将各方之间的信息作为JSON ...

  3. 日志收集工具 Fluentd 使用教程

    转载自:https://mp.weixin.qq.com/s?__biz=MzU4MjQ0MTU4Ng==&mid=2247499829&idx=1&sn=1f92daa88d ...

  4. kubernetes中部署kube-prometheus项目解决ControllerManager与Scheduler无法监控问题

    文章转载自:https://www.kococ.cn/20210302/cid=697.html 一.问题描述 在部署 kube-prometheus 到 kubernetes 集群中总会遇到一个问题 ...

  5. CentOS obs直播RTMP协议推流到Nginx流媒体服务器到VUE使用HLS直播

    1. 发布打包前端管理平台(ant-design-vue) 2. 发布打包后端(.NET6-WebApi) .NET6 webAPI orm: free sql 数据库:mysql5.7 3. 发布打 ...

  6. java设计模式之七大原则

    java设计模式 以下内容为本人的学习笔记,如需要转载,请声明原文链接   https://www.cnblogs.com/lyh1024/p/16724932.html 设计模式 1.设计模式的目的 ...

  7. C#-02 传入参数的一些用法2

    C#＿02 参数应用2 一.关于 "ref" 局部变量和 "ref" 返回 在前面已经明白了 ref 关键词传递一个对象引用给方法调用,这样在方法中对对象修改过 ...

  8. C#-7 结构和枚举

    一 什么是结构 结构是程序员定义的数据类型,有数据成员和函数成员,和类非常类似. 类是引用类型,而结构是值类型: 结构和类一样可以实现接口: 结构是隐式密封的,不能被派生: 结构类型的变量不能为nul ...

  9. Ruoyi字典源码学习

    此文章属于ruoyi项目实战系列 使用目的 什么是字典数据:具体的值(0,1,"Y","N"),对应具体的业务逻辑("男","女& ...

  10. 手把手教你玩转 Gitea｜在 Windows 系统上安装 Gitea

    Gitea 支持在 Windows 系统上安装和使用.Gitea 本身作为一个单体应用程序,即点即用,如需长期驻留作为后台服务并开机运行就要依靠 Windows 服务工具 sc.exe. 通过本文,你 ...