H5-hmtl小笔记--hbuilder的简单使用

最新推荐文章于 2024-04-21 13:52:38 发布
最新推荐文章于 2024-04-21 13:52:38 发布
阅读量2.9k 收藏 10
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42326585/article/details/81509314
版权

hbuilder的简单使用

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>第一个页面</title>

</head>

<body>

sunck good

 

<!--注释-->

 

<a href="#mao1">跳转锚点</a>

        <!--标题标签-->

        <h1>sunck good</h1>

        <h2>sunck good</h2>

        <h3>sunck good</h3>

        <h4>sunck good</h4>

        <h5>sunck good</h5>

        <!--锚点--><!--锚点链接-->

        <a name="mao1"></a>

        <h6>sunck good</h6>

        

        <!--换行标签-->

        sunck is a good man<br /> sunck is a good man sunck is a good man

        sunck is a good man

        

        <!--段落标签-->

        <p>时光静走，我终于明白，岁月静好，原来流年里的那些寂寞，那么满。谁的感伤也摧毁不了青春的高墙，有些人儿注定别离，相遇只是幻想，我们都不过是在对流年撒谎，因为寂寞很孤单，爱很简单，生活一直很平淡。而那些苍白的岁月里，那些不具名的寂寞，都是虚无荒诞的谎言。</p>

        <p>我时常在想，会不会有一天，时光和我一起都憔悴了，那些回忆有一天我再也想不起来。因为有回忆，内心总是没有太多欠缺，所以饱满。当我一个人的时候，总是会想起那句话，有一天我老无所依，请把我留在那时光里。</p>

        

        <!--水平线标签-->

        <hr />sunck good

        <br />

        

        <!--字体样式标签-->

        <!--加粗-->

        <strong>sunck good</strong><br />

        <b>sunck good</b><br />

        <!--倾斜-->

        <em>sunck good</em><br />

        <i>sunck good</i><br />

        

        <!--特殊符号-->

        <!--空格-->

        <p>sunck    good</p>

        <p>sunck    good</p><!--将输入法切到圆角输入,再按空格-->

        <!--大于号,小于号,引号,版权符号-->

        ><"©

        

        <br />

        <!--图像标签-->

        <img src="img/111.jpg" alt="唯美图" title="风格" width="400" height="300" />

        <!--src：路径，alt：图片显示失败时显示的文字，title：鼠标悬停时提示文字，width，height不写时，默认的宽高-->

        

        

        <!--链接标签-->

        <!--标签可以嵌套标签-->

        <a href="https://www.baidu.com/">百度一下</a>

        <!--href：链接路径，target：链接在哪个窗口打开（（默认_self）常用值_self（本窗口打开）、_blank()新建窗口打开），“百度一下”：可以写链接文本或者图像-->

        <a href="img/111.jpg">风景</a>

        <a href="https://www.baidu.com/"><img src="img/111.jpg"></a>

        <!--锚点跳转（1、从A页面的甲位置跳到A页面的乙位置 2、从A页面的甲位置跳到B页面的乙位置 3、在目标标签中设置id属性-值，链接处href=“[路径]#值”）-->

        

        <!--列表-->

        <!--无序列表-->

        <ul type="circle"> <!--type=circle（空心圆）、square（实体方心）、disc（实体圆心），默认为disc -->

         <li>sunck good</li>

         <li>sunck nice</li>

         <li>sunck great</li>

        </ul>

        <ul>

         <li><a href="https://www.baidu.com/">百度一下</a></li>

         <li><a href="https://www.baidu.com/s?ie=utf-8&wd=%E5%94%AF%E7%BE%8E%E5%9B%BE%E7%89%87">唯美图片</a></li>

         <li><a href="https://baike.baidu.com/item/%E8%AE%B8%E5%B5%A9/5425?fr=aladdin">许嵩</a></li>

        </ul>

        <!--有序列表-->

        <ol type="1">  <!--type=1(用数字作为项目符号)、A/a(用大小写作为项目符号)、I/i用罗马数字大小写作为项目符号，默认为1-->

         <li>sunck good</li>

         <li>sunck nice</li>

         <li>sunck great</li>

        </ol>

        <!--定义列表-->

        <dl>

         <dt>学院1</dt>

         <dd>电子信息工程</dd>

         <dd>电子科学与技术</dd>

         <dt>学院</dt>

         <dd>电气工程</dd>

        </dl>

        

        <!--表格-->

        <!--对齐方式-->

        <table align="center" valign="top"><!--align=left（左对齐）、center（居中对齐）、right（右对齐），默认left-->

        <!--valign=top（顶端对齐）、middle（居中对齐）、bottom（底端对齐）、baseline（基线对齐），默认为top-->

         <tr>

         <td>第一行第一列</td>

         <td>第一行第二列</td>

         <td>第一行第三列</td>

         </tr>

         <tr>

         <td>第二行第一列</td>

         <td>第二行第二列</td>

         <td>第二行第三列</td>

         </tr>

         <tr>

         <td>第三行第一列</td>

         <td>第三行第二列</td>

         <td>第三行第三列</td>

         </tr>

        </table>

        

        <!--表格跨列（合并行）-->

        <table align="center">

         <tr>

         <td colspan="2">第一行第一列hhhhh</td>

         <td>第一行第三列</td>

         </tr>

         <tr>

         <td>第二行第一列</td>

         <td>第二行第二列</td>

         <td>第二行第三列</td>

         </tr>

         <tr>

         <td>第三行第一列</td>

         <td>第三行第二列</td>

         <td>第三行第三列</td>

         </tr>

        </table>

        

        <!--表格跨行（合并列）-->

        <table align="center">

         <tr>

         <td>第一行第一列</td>

         <td>第一行第二列</td>

         <td>第一行第三列</td>

         </tr>

         <tr>

         <td>第二行第一列</td>

         <td>第二行第二列</td>

         <td rowspan="2">第二行第三列</td>

         </tr>

         <tr>

         <td>第三行第一列</td>

         <td>第三行第二列</td>

         </tr>

        </table>

        

        <!--表格表头-->

        <table align="center">

         <tr><th>姓名</th></tr>

         <tr><th>性别</th></tr>

         <tr><th>年龄</th></tr>

         <tr><th>姓名</th>

         <th>性别</th>

         <th>年龄</th>

         </tr>

         <tr>

         <td>第一行第一列</td>

         <td>第一行第二列</td>

         <td>第一行第三列</td>

         </tr>

         <tr>

         <td>第二行第一列</td>

         <td>第二行第二列</td>

         <td rowspan="2">第二行第三列</td>

         </tr>

         <tr>

         <td>第三行第一列</td>

         <td>第三行第二列</td>

         <td>第三行第三列</td>

         </tr>

        </table>

        

        <!--表格边框、行与行间距、字与边框的间距-->

        <table border="2" cellspacing="2" cellpadding="5"    align="center">

         <!--border=数字为边框的厚度、cellspacing=数字为行与行间距、cellpadding=数字为字与边框的间距-->

         <tr>

         <td>第一行第一列</td>

         <td>第一行第二列</td>

         <td>第一行第三列</td>

         </tr>

         <tr>

         <td>第二行第一列</td>

         <td>第二行第二列</td>

         <td rowspan="2">第二行第三列</td>

         </tr>

         <tr>

         <td>第三行第一列</td>

         <td>第三行第二列</td>

         </tr>

        </table>    

</body>

</html>

墨白ed
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html正方形符号,html 特殊符号标记
weixin_39774044的博客
05-31 1744
codeHTML常用特殊字符：只要你认识了 HTML 标记，你便会知道特殊字符的用处。HTML 原代码显示结果描述<<小于号或显示标记>>大于号或显示标记&&可用于显示其它特殊字符"“引号®®已注册©©版权™™商标半个空白位一个空白位不断行的空白´´©©>>µµ®®&&°°¡¡»»¦¦÷÷¿¿¬¬§§••½½««¶¶¨¨¸¸¼¼&...
学习前端的第九天
Robergean的博客
05-28 402
今天换了个新软件使用，HBuilder X，要比dw好用多了,还换成了一个喜欢的主题。使用起来方便，看起来也舒服，回到正题上。 今天主要还是补充知识点吧，学习了锚点、透明属性、字幕滚动、以及图片整合技术的使用。 一、锚点 定义： 是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 作用：在同一页面内的不同位置进行跳转。 语法： <标记 id="命名"></标记> 给元素定义命名锚记 <a href="#命名".
HBuider x常用标签
2302_79895666的博客
04-21 218
注册</a><br><br><br><br><br><br> <!1.链接到网址：href="https://xxx.com/"-- id属性：具有唯一性，能唯一的确定一个标签 --><a href="#top">点击回到h1标签</a><h1 id="top">回到这里</h1><a href="#">空链接
HTML-常用标签,列表,表单
weixin_47932956的博客
03-16 855
HTML--常用标签,列表,表单--学习笔记
HBuilder X基础标签讲解以及用法
m0_74257628的博客
03-04 5420
字体标签 font\字体标签 嵌套/应用 \字形标签 加粗 XXX倾斜 i下划线 u\无序列表 ul 列表项标签 li\有序列表 ol 列表项标签 li\列表嵌套\定义列表 dl\超链接 a\音频标签 audio\视频标签 video\表格标签:table\表格合并
Hbuilder实用技巧
热门推荐
feng
05-19 4万+
1、文件追踪 Q:怎么实现代码追踪？ A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方，HBuilder提供了一个非常好用的代码追踪功能，只需要按住Alt+鼠标左键即可实现追踪。 图示： 2、 Q:编辑器怎么实现分栏？ A:HBuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。 1、左右分栏实现：鼠标点着编辑器选项卡往最右边拖动 到最小化按钮部分
pc-h5-小程序模版
最新发布
05-17
pc-h5-小程序模版
h5-transfer-pdf:H5TransferPDF是一个将网页HTML渲染为PDF和各种图像格式的API工具，完美兼容HTML，CSS，JS，更好的替换支持，并支持生成多种版本的PDF
03-18
我们崇尚开放，共享的精神，欢迎小伙伴参与交流及开源共建，您的宝贵意见和经验我们都会认真考虑，并逐步完善H5TransferPDF。 功能简介 将任何URL或HTML内容转换为PDF，IMAGE，HTML文件 完美兼容HTML，CSS，JS 支持...
vue-h5-router-webapp.zip
09-24
Vue-H5-Router-Webapp 是一个基于 Vue.js 框架和 Vue Router 的前端单页应用程序（SPA）模板，适用于构建现代Web应用。这个压缩包 "vue-h5-router-webapp.zip" 包含了一个完整的项目，下载后可以直接运行，为开发者...
h5扫码，jsQR，html5-qrcode
09-28
对于`uni-app`开发者，这是一个跨平台的框架，可以构建H5、小程序和APP。在`uni-app`中集成这些扫码库，你需要确保在H5环境下，`uni-app`能够正确引入和使用JavaScript库。这通常涉及到在`index.html`中引入库文件，...
h5-design.rar
03-26
【标题】"h5-design.rar" 提供的是一款专注于H5设计和营销页面构建的工具或框架，可能是一个开发环境的压缩包。H5（HTML5）是超文本标记语言的最新版本，常用于创建响应式、交互性强的网页，尤其适用于移动端的营销...
css水平垂直居中
06-11
css不定宽高让盒子里的内容垂直水平居中.里面步骤都有,
html页面内跳转的锚点设置
杨葱儿
03-05 5260
如图，当点击渠道价格时，跳转到页面内的某个点 方法一： ①：设置一个锚点链接&lt;a href="#xx"&gt;去找信息&lt;/a&gt;；（注意：href属性的属性值最前面要加#） ②：在页面中需要的位置设置锚点&lt;a name="xx"&gt;&lt;/a&gt;；（注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不...
html中的锚点介绍和使用
weixin_30329623的博客
11-05 1033
以下资料整理自网路 1.锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 英文名：anchor 使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该...
html 图片加锚点,html中锚点的实现
weixin_30030255的博客
06-04 1308
Hi，大家好久不见，今天我们在这里给大家介绍一下在html页面中的拖放功能的实现；至于运用呢，比如有：点击某一张图片，然后转到对他的详细介绍等；接下来就给大家详细介绍一下如何实现。那我们该如何创建使用呢？首先准备HBuilder(这只是作者用的哦，还有很多就不做具体介绍了)，然后创建名为demo的项目，然后创建名为index的HTML页面。接下来就开始进行代码实现，css样式很重要，代码如下：a:...
hbuilder如何设置图片居中显示_如何给WordPress网站添加“公安局备案”信息（图片文字垂直居中对齐）...
weixin_36000045的博客
12-25 2462
achair教程网，原创教程，经验分享。有个微信群，与WordPress爱好者交流，加群方法：添加微信号368537，回复WordPress群。大家好，这节课和各位分享一个实用的功能，就是如何给WordPress网站增加公安局的那个备案信息。“公安局备案”属于抽查备案，不是所有网站都强制备案，“网站备案”是工信部的备案，那个是必须要做的，这两个备案要要分开。关于公安局的备案，可能每个地区...
UIButton - 设置图片及文字、文字左对齐
Daniel_Yao的专栏
03-22 1790
有时候btn上边的文字是需要左对齐的，但是左对齐又太靠边，显得不大好看，所以要设置下title的间距：//设置左对齐 button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;//距离左边10个像素 button.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0)
hbuilder---制作加载环和加载小火箭动画
weixin_60361911的博客
03-07 1326
新建html文件，在body中添加两个div标签（一个为加载环，一个嵌套添加图片），新建css文件，给html文件添加link链接； <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="./css/homework.css"/&gt...
移动h5-9超级密码
01-07
移动H5-9超级密码，是移动公司推出的一种用于重要安全认证的密码。具体来说，它是一种基于移动网络技术的全新密码认证方法，可以在移动终端上进行设置和使用。 移动H5-9超级密码的主要特点如下： 1. 安全性高：移动H5-9超级密码采用高强度的加密算法，保证了密码的安全性，有效防止了密码被破解的风险。 2. 便捷性：用户可以通过移动终端上的设置界面进行密码的设置和修改，使用时只需输入个人设定的密码就可以完成身份验证，极大地方便了用户的操作。 3. 多用途性：移动H5-9超级密码可以应用于各种重要的场景，例如手机银行、支付宝等重要应用的登录认证，确保了用户的账户和交易的安全。 4. 兼容性强：移动H5-9超级密码兼容性广泛，可以在不同类型的移动终端上使用，无论是智能手机还是平板电脑都可以方便地使用这种密码认证方式。 总体来说，移动H5-9超级密码是移动公司为了提高用户的账户和交易安全性而推出的一种密码认证方式。它的安全性高、便捷性强、多用途性广，能够在不同移动设备上使用。通过使用移动H5-9超级密码，用户可以更加放心地使用各种移动应用，并且不用担心密码被破解的风险。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值