HTML小练习

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5     <title>我的网页</title>
 6 </head>
 7 <body>
 8     <!--标题标签-->
 9     <h1>一级标题</h1>
10     <h2>二级标题</h2>
11     <h3>三级标题</h3>
12     <h4>四级标题</h4>
13     <h5>五级标题</h5>
14     <h6>六级标题</h6>
15
16     <!--段落标签 -->
17     <p>这是第一段</p>这是第二段
18     <!-- pre标签-->
19     <pre>
20         这
21                 里
22
23             怎  么
24                         写
25         都 可以
26     </pre>
27     <!--换行标签-->
28    这里有需要换行<br>这里有需要换行<br>这里不需要换行     这里不需要换行
29     <br>
30
31     <!--字符标签-->
32     这里需要五个&nbsp;空格 <br>
33     大于号 &gt; <br>
34     小于号 &lt; <br>
35     双引号 &ldquo;&rdquo;<br>
36     <!--无序列表 unorderList-->
37     <ul type="circle">
38         不加li的显示
39         <li>加li的显示1</li><li>加li的显示2</li><li>加li的显示3</li>
40         <!-- <li>是块标签-->
41     </ul>
42     <!--有序列表 orderList-->
43     <ol type="I">
44         <li>第一集
45             <ul type="disc">
46                 <li>第一节
47                     <ol type="a">
48                         <li>第一话</li>
49                         <li>第二话</li>
50                         <li>第三话</li>
51                         <li>第四话</li>
52                     </ol>
53                 </li>
54                 <li>第二节</li>
55                 <li>第三节</li>
56                 <li>第四节</li>
57             </ul>
58         </li>
59         <li>第二集</li>
60         <li>第三集</li>
61         <li>第四集</li>
62         <li>第五集</li>
63         <li>第六集</li>
64         <li>第七集</li>
65     </ol>
66     <!--定义标签-->
67     <dl>
68         <dt>苹果</dt>
69         <dd>这是一个苹果</dd>
70     </dl>
71     <!--加粗-->
72     <strong>这里需要加粗1</strong><br>
73     <b>这里需要加粗2</b><br>
74     <!-- 斜体-->
75     <i>这里必须是斜体1</i><br>
76     <em>这里必须是斜体2</em><br>
77     <!-- 图片-->
78     <img src="../myimg/1.jpg" width="60px" height="60px" title="我的图片" alt="无法显示图片"/>
79     <img src="../myimg/2.jpg" width="60px" height="60px" title="我的图片" alt="无法显示图片"/>
80     <img src="../myimg/3.jpg" width="60px" height="60px" title="我的图片" alt="无法显示图片"/>
81
82
83 </body>
84 </html>
时间: 2024-07-28 17:45:27

HTML小练习的相关文章

微信小程序--图片相关问题合辑

图片上传相关文章 微信小程序多张图片上传功能 微信小程序开发(二)图片上传 微信小程序上传一或多张图片 微信小程序实现选择图片九宫格带预览 ETL:微信小程序之图片上传 微信小程序wx.previewImage预览图片 微信小程序之预览图片 小程序开发:上传图片到腾讯云 .NET开发微信小程序-上传图片到服务器 微信小程序本地图片处理--按屏幕尺寸插入图片 [微信小程序]上传图片到阿里云OSS Python Flask小程序文件(图片)上传技巧 小程序图片上传阿里OSS使用方法 微信小程序问题汇

微信小程序——豆瓣电影——(2):小程序运行部署

Demo 预览 演示视频(流量预警 2.64MB) GitHub Repo 地址 仓库地址:https://github.com/zce/weapp-demo 使用步骤 将仓库克隆到本地: bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban --depth 1 $ cd weapp-douban 打开微信Web开放者工具(注意:必须是0.9.092300版本) 必须是0.9.092300版本,之前的版本不能保证正

微信小程序开发初探

一.关于微信小程序 1.1 小程序诞生的背景 张小龙说道: (1)一切以用户价值为依归→用户是微信的核心,所以微信中没有很多与客户无关的功能,比如QQ中的乱七八糟一系列东西. (2)让创造发挥价值→所有围绕微信的创造比如公众号都应该发挥其应有的价值. (3)用完即走的高效服务→这一点就厉害了word天,微信要打造一个以微信为中心的生态链,不以绑定用户为目标.比如生活中有一些不太常用的app,我们可能一年也使用不了几次,但是有时候就需要用到,微信就想要提供这样一个平台,让你可以在微信中使用这中所谓

微信小程序连接Tornado

自己搭建Tornado 监听8000端口, 提供给小程序访问的地址为http://127.0.0.1:8000/index #!/usr/bin/env python # -*- coding:utf-8 -*- import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self): print('GET方式请求成功') self.write("123"

【小程序】获取微信 自带的 收货地址获取和整理

1.wx.chooseAddress(OBJECT) if(wx.chooseAddress){ wx.chooseAddress({ success: function (res) { console.log(JSON.stringify(res)) }, fail: function(err){ console.log(JSON.stringify(err)) } }) }else{ console.log('当前微信版本不支持chooseAddress'); } 2.数据处理,仅供参考 /

微信小程序学习总结(2)------- 之for循环,绑定点击事件

最近公司有小程序的项目,本人有幸参与其中,一个项目做下来感觉受益匪浅,与大家做下分享,欢迎沟通交流互相学习. 先说一下此次项目本人体会较深的几个关键点:微信地图.用户静默授权.用户弹窗授权.微信充值等等. 言归正传,今天分享我遇到的关于wx:for循环绑定数据的一个tips:  1. 想必大家的都知道wx:for,如下就不用我啰嗦了: <view class="myNew" wx:for="{{list}}">{{item.title}}<view

微领地小蜜app模式系统开发详解

如今企业竞争的最高境界, 不再是产品的竞争.人才的竞争.营销的竞争-- 而是一种商业模式(即赢利模式)的竞争. 微领地小蜜软件,微领地小蜜系统,小蜜APP,微领地小蜜平台,微领地小蜜开发公司,微领地小蜜服务模式,微领地小蜜商圈.O2O.C2B.B2C.F2C.B2B.C2N.C2C等微商城.App.手机网页.PC商城.小程序,微商管理系统.一物一码.防伪防窜.扫码红包.质量追溯.分销.全返.分红.拼团.互联网+直播+定制服务·系统开发提供中心. 回首过去,创新与发展裹带着机遇和挑战,微领地小蜜在

手机上也可以用的快手和火山小视频提取工具

之前分享过一个火山无水印视频提取软件,但是需要安装到电脑上,很多人觉得很麻烦. 今天分享个网页版,无需安装,并且电脑和手机都可以用的视频提取工具,支持提取快手和火山小视频里的任何视频,就连火山小视频里那种<作者不允许他人下载>的视频都可以解析,并且解析出来的视频都是没有水印的.(是不是觉得这工具特别赞,觉得赞的话,给我的文章点个赞吧??) 工具地址: 快手视频解析下载:http://kuaishou.iiilab.com/ 火山小视频解析下载:http://huoshan.iiilab.com

自制linux小系统

自制linux 今天说一说怎么自制一个linux,也就是用一块新硬盘来自己搞一个linux.硬盘拆掉撞到其他机器上可以照常使用,需要什么东西都是自己添加的哦. 那我就在虚拟机里进行了嘿嘿嘿... 1.在我的centos里加了一块新的硬盘并顺便分了个区,并且格式化了一下. [[email protected] ~]# fdisk /dev/sdb WARNING: DOS-compatible mode is deprecated. It's strongly recom mended to   

微信小程序之使用本地接口开发

本文主要讲解如何使用本地接口进行开发,很多人都会遇到这个问题,特别是小程序上线后. 一.解决思路 在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问. 以下示例的环境为win7 + 老版本的微信开发工具 二.准备工作 1.配置https域名 为小程序配置request合法域名,在登录公众号平台去设置. 2.安装Charles 下载地址:https://www.charlesproxy.com/download/ 三.配置Charles 1.安装根