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. 如何在Windows中查询证书颁发机构已颁发的证书

    有时候需要看一下证书颁发机构已经颁发出去的证书,看看某个用户或者某个计算机获取过的证书有哪些.通常可以在证书颁发机构的MMC中查看.对于测试环境或者刚开始用的CA来说,这样查看挺简单的.但是对于用了一 ...

  2. 在工作组的环境中配置Windows 2012 R2的远程桌面服务

    在工作组的环境中配置Windows 2012 R2的远程桌面服务 How to configure Remote Desktop Service in Windows 2012 R2 workgrou ...

  3. 关于指针初始化为NULL的一些问题

    关于指针初始化问题,先看以下代码: #include <stdio.h>​typedef struct{   char data[128];   int top;​} Stack;​voi ...

  4. Java 快速开发几 MB 独立 EXE，写图形界面很方便

    Java 写的桌面软件带上运行时只有 6 MB,而且还是独立 EXE 文 件,是不是难以置信? 想一想 Electron 没写多少功能就可能超过百 MB 的体积,Java 写的桌面软件算不算得上小.轻 ...

  5. 清除已安装的rook-ceph集群

    官方文档地址:https://rook.io/docs/rook/v1.8/ceph-teardown.html 如果要拆除群集并启动新群集,请注意需要清理的以下资源: rook-ceph names ...

  6. 使用KubeOperator扩展k8s集群的worker节点

    官方文档网址:https://kubeoperator.io/docs/installation/install/ 背景说明 原先是一个三节点的k8s集群,一个master,三个woker(maste ...

  7. 如何从Django项目中删除或隐藏应用

    1.项目的settings.py文件 INSTALLED_APPS中删除或者注释掉,这是针对数据库这一块儿的 2.项目的urls.py文件 删除或这注释掉应用的路径导入 urlpatterns中删除或 ...

  8. Fluentd部署：错误排查

    介绍一下排查Fluentd运行时错误的几种方法. 查看日志 如果感觉Fluentd运行异常,请先查看日志.td-agent安装后,默认日志存放在/var/log/td-agent/td-agent.l ...

  9. 基于python的RSA解密算法

    摘要 网上有很多关于RSA的解密脚本,欧拉函数.欧几里得函数什么的,对于一个大专生的我来说,一窍不通,至此经历了三天三夜,我翻阅了RSA的加密原理,以及其底层算法,专研出了一套我自己的解密算法,尚有不 ...

  10. Qemu/Limbo/KVM镜像 最精简Linux+Wine，可运行Windows软件，内存占用不到70M，存储占用500M

    镜像特征: Alpine Edge系统 内置Wine 7.8,可运行大量Windows 软件 高度精简,内存占用仅68MB,存储占用仅500MB 完全开源 镜像说明: 用户名为root,密码为空格. ...