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. 2022第五空间-web部分wp+复盘总结

    打了一天,麻了,大佬tql,这次get到了不少东西,一是一个不太常见的宽字节注入,我是真的没想到,而且后面也是看了wp理解了好一会才弄明白. 0x01: 题目是一个登录框,但是基本上是过滤掉了所有的常 ...

  2. MySQL 的七种日志总结

    文章转载自:https://mp.weixin.qq.com/s/ewv7HskHvH3O7kFyOmoqgw 一.MySQL 日志分类 日志类别 说明 备注 错误日志 错误日志记录了当MySQL启动 ...

  3. EFK-5: ES集群开启用户认证

    转载自:https://mp.weixin.qq.com/s?__biz=MzUyNzk0NTI4MQ==&mid=2247483826&idx=1&sn=583e9a5260 ...

  4. MySQL 安装(二进制版)

    MySQL 的安装方式一般分为三种,二进制版本.编译版本.RPM 包.比较常见的是二进制版本安装,方便简单,相对于编译安装,如果不是追求极致性能,使用起来差别不大.本次教程以二进制版本为例,系统为 c ...

  5. NSIS使用SHFileOperation函数移动文件夹

    SHFileOperation是一种外壳函数,用它可以实现各种文件操作,如文件的拷贝.删除.移动等,该函数使用起来非常简单,它只有一个指向SHFILEOPSTRUCT结构的参数.使用SHFileOpe ...

  6. C#并发编程-1 并发编程概述

    一 并发编程简介 1.1 关于并发和并行 并发和并行的概念: 并发:(Concurrent),在某个时间段内,如果有多个任务执行,即有多个线程在操作时,如果系统只有一个CPU,则不能真正同时进行一个以 ...

  7. Java19虚拟线程都来了，我正在写的线程代码会被淘汰掉吗？

    Java19中引入了虚拟线程,虽然默认是关闭的,但是可以以Preview模式启用,这绝对是一个重大的更新,今天Java架构杂谈带大家开箱验货,看看这家伙实现了什么了不起的功能. 1 为什么需要虚拟线程 ...

  8. 洛谷P2517 HAOI2010 订货 （费用流）

    标准的费用流问题,关键在于巧妙地建模 一共有n个月份,源点设为0,汇点设为n+1 1.源点向所有月份连边,容量为正无穷,费用为该月进货的费用 2.每个月向下一个月连边,容量为仓库容量,费用为存货费用 ...

  9. 线上服务宕机，码农试用期被毕业，原因竟是给MySQL加个字段

    1. 问题:怎么给线上表加字段? 工作中最常遇到的问题,怎么给线上频繁使用的大表添加字段? 比如:给下面的用户表(user)添加年龄(age)字段. CREATE TABLE `user` ( `id ...

  10. HTTP缺点有哪些，如何解决

    前言 大家好,我是蜗牛,在上一篇中,我们介绍了不同版本的HTTP区别和发展背景,这篇文章我们来聊聊HTTP的缺点,HTTP缺点大致总结有以下三点: 通信使用明文(不加密),内容可能会被窃听. 不验证通 ...