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. 输入法词库解析（二）搜狗拼音细胞词库.scel(.qcel)

    详细代码:https://github.com/cxcn/dtool 前言 .scel 是搜狗拼音输入法所使用的细胞词库格式,可以在 https://pinyin.sogou.com/dict/ 下载 ...

  2. 腾讯云即时通信 IM 服务 实例项目

    腾讯云即时通信 IM 服务  https://github.com/tencentyun/TIMSDK

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

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

  4. CentOS7下的lvm（逻辑卷）在线扩容

    扩展前该lvm分区为14GB 关闭系统,给sdb硬盘扩展6GB,然后重新进入CentOS.(或者是原有磁盘还有剩余未使用的空间) 对sdb进行分区: [root@converter ~]# fdisk ...

  5. 监控Redis集群，有两种方法

    前提条件 redis集群:已搭建三主三从(三台主机) prometheus.grafana已安装 三台主机ip: 192.168.0.39,192.168.0.164,192.168.0.68 第一种 ...

  6. java基础之常用类1

    java基础 以下内容为本人的学习笔记,如需要转载,请声明原文链接   java常用类: 1.内部类 2.Object类 3.Object类常用方法 4.包装类 5.String类 6.BigDeci ...

  7. C语言下for循环的一点技巧总结

    for循环是普遍应用与各种计算机语言的一种循环方式. 一般情况下, for循环规则:for(条件一:条件二:条件三) 条件一为满足条件,也就是条件一为1时,进入这个for循环.条件二为循环条件,也就是 ...

  8. 洛谷P3690 （动态树模板）

    一位大佬写的代码.(加上我自己的一些习惯性写法) 存个模板. 1 #include<bits/stdc++.h> 2 using namespace std; 3 const int N= ...

  9. TomCat之安装

    TomCat 之安装(伪分布式版本) 本次安装是使用的伪分布式的安装(即一台机器安装两个tomcat) 1.通过scp导入tomcat安装包 2.解压缩成俩个文件 3.修改第一个tomcat的配置文件 ...

  10. 通过QQ抓IP查询地址

    使用工具: Wireshark 可以直接搜索官网获取,个人用的免费的,也可以直接在kali中也是可以直接用的.这里就不介绍怎么安装了,网上很多. 步入正题: 通过wireshark进行抓包查地址,需要 ...