HTML基础（8. 列表）

最新推荐文章于 2022-09-11 17:42:34 发布
最新推荐文章于 2022-09-11 17:42:34 发布
阅读量157 收藏
点赞数
分类专栏： 前端基础知识 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41144008/article/details/78769178
版权 
<!DOCTYPE html>
<!--这次介绍列表，这里了解就好，
因为CSS里可以做更好的-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--三种列表的不同之处，看输出就会知道-->
<ul>
    <li>第一</li>
    <li>第二</li>
    <li>第三</li>
    <li>第四</li>
</ul>
<ol>
    <li>第一</li>
    <li>第二</li>
    <li>第三</li>
    <li>第四</li>
</ol>
<dl>
    <dt>xxx</dt>
    <dd>func</dd>
    <dd>static</dd>
    <dd>int</dd>
    <dd>def</dd>
</dl>
</body>
</html>
__XYQ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5与CSS3基础教程（中文第8版）.pdf
05-15
HTML5与CSS3基础教程（中文第8版） 本书自第1版至今，一直是讲解HTML和CSS入门知识的经典畅销书，全面系统地阐述HTML5和CSS3 基础知识以及实际运用技术，通过大量实例深入浅出地分析了网页制作的方方面面。最新第8版...
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 21万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
全网最全HTML基础
a1085653724的博客
04-20 4901
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
1. HTML5+CSS3
weixin_45210011的博客
11-13 9万+
HTML5+CSS3 W3C： 制定网页开发的标准，以使同一个网页在不同浏览器中有相同的效果。 W3C标准： 结构：HTML用于描述页面的结构 表现：CSS用于控制页面中元素的样式 行为：JavaScript用于响应用户的操作 一、HTML HTML（Hypertext Markup Language）超文本标记语言 标签 成对出现：<html></html> 自结束标签：<img>或者<img/> 注释：<!-- --&
前端基础：HTML
qq_59463944的博客
09-01 1万+
前端基础：HTML
前端-HTML基础知识详解
qq_52262831的博客
12-23 4670
目录： 初始常用的HTML标签 资源路径 列表标签 表格标签 表单标签 表单提交
web前端开发（一）—HTML基础
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
HTML零基础入门教程完整版
哈哈
09-11 2万+
HTML零基础入门教程完整版
HTML5基础知识
qq_46485137的博客
02-13 4165
一、初识HTML HTML：Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 HTML5的优势： 跨平台、 W3C标准 World Wide Web Consortium（万维网联盟） 成立于1994年，Web及时领域最权威和具影响力的国际中立性技术标准机...
HTML基础知识点大全
m0_69674158的博客
05-04 6543
一、什么是HTML HyperText Markup Language，即超文本标记语言 二、第一个HTML <！doctpye html> <html> <head></head> <body></body> <html> 三、常用的标签🀄️🀄️🀄️ 1⃣️p 标签 ，段落标签，占整行 2⃣️img 图片标签： ①src 图片路径：绝对路径http://xxx.xx/xx/x.jpg 相对路径..
Web全栈~01.HTML基础元素
qq_41424688的博客
01-04 1万+
JavaWeb~01.HTML基础元素 一 : 标题        标题（Heading）是通过 < h1 >- < h6 > 标签进行定义的。        < h1 > 定义最大的标题。 < h6 > 定义最小的标题。 <!DOCTYPE html> <html> 　　<head>
零基础学HTML CSS源代码
05-10
无序列表.htm 演示无序列表的用法。 有序列表.htm 演示有序列表用法。 欲格式化文本.htm 欲格式化文本标记用法。 欲格式化文本行.html 欲格式化文...
CSS基础（2.创建CSS文件）
一清的博客
12-12 5405
如图 html> lang="en"> charset="UTF-8"> Title <!--可以将这里的style标签内的内容放在一个CSS文件中，   然后，用如下这种方式引用--> rel="stylesheet" href="commons.css" /> class="c1 c2" style="color: pink">asdf
HTML本质介绍(利用socket简单解释)
一清的博客
12-10 3059
HTML本质（一） 1.HTML就是一个人赤裸裸站在这里，CSS就是给这个人穿上衣服，JS让这个人能动能走 2.HTML有很多标签，不过，有些可能一生不用，常用的只有20个 3.CSS里有几种衣服，颜色，位置，等等 4.本质上就是PYTHON的SOCKET服务端，而浏览器本质上就是SOCKET客户端，这里我在python后面会讲到 5.这里导入一个简单的socket模块进行分析（看不懂的
HTML基础（2.a,p,h,span,div）
一清的博客
12-10 1880
html> lang="en"> charset="UTF-8"> Title href="http://www.baidu.com">一 清 href="http://www.baidu.com">一    清 这样的浏览器无法分辨是标签还是内容 ，可以用 <xx> 还有很多这样的，不过那些图标不常用，
JavaScript基础（11.JS难点:作用域详解）
一清的博客
12-14 1179
先来个其他语言的例子： 不用仔细考虑它是什么意思，注意一点即可： 在内层大括号里面定义了一个string型的name变量，却在大括号外面用它，因此会报错。 我们继续： 在Python中： 情况一可以运行，而情况二会出错。 到底是为什么呢？ 这里用简单的一句话来解释就可以： 在其他语言中是作用域以块（{}）为单位的，在Python里面作用域是以函数作为单位的。
JavaScript基础（14.输入框实例）
一清的博客
12-14 1089
这里做了一个简单是实例，不过有两种方法，一种写几十行代码，一种只需要一行，不过，各有优缺点吧 html> lang="en"> charset="UTF-8"> Title style="width: 500px; margin: 0 auto;"> id="i1" onfocus="Focus();" onblur="Blur();" type="text"
HTML基础（5. 下拉框）
一清的博客
12-11 836
html> lang="en"> charset="UTF-8"> Title <!--多行输入要用textarea标签 它设置默认值直接放在中间就好，不用value="xx"--> name="text"> <!--下拉框，select标签,里面的属性和前面的有相似之处，自行体会 size尺寸，multiple为可多选--> name="job" size="10" mul
CSS基础（1.选择器）
一清的博客
12-11 828
先来一个小例子，告诉你什么是CSS html> lang="en"> charset="UTF-8"> Title style="background-color: gold; height: 66px;">1 style="background-color: olivedrab; height: 66px;">1 接下来我们就深入了解：
html+vue.js写一个前端
最新发布
05-30
好的，我可以为您提供一些参考： 首先，您需要创建一个基本的HTML文件和Vue.js框架： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue.js Example</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> {{ message }} </div> <script> var app = new Vue({ el: '#app', data: { message: 'Hello, Vue!' } }) </script> </body> </html> ``` 上面的代码中，我们使用了Vue.js框架，创建了一个Vue实例，并将其绑定到了一个id为“app”的div元素上。我们还定义了一个data属性，其中包含一个message属性，该属性将在页面上显示“Hello, Vue!”消息。 接下来，我们可以添加更多的Vue组件来增强我们的页面。以下是一个简单的示例： ``` <div id="app"> <my-component></my-component> </div> <script> Vue.component('my-component', { template: '<div>This is my component!</div>' }) var app = new Vue({ el: '#app' }) </script> ``` 上面的代码中，我们创建了一个名为“my-component”的Vue组件，然后在我们的Vue实例中引用它。我们还定义了组件的模板，该模板包含一个简单的消息。 您可以在模板中添加更多的HTML和Vue.js指令，以创建更复杂的组件和页面。例如，您可以使用v-for指令来循环渲染一个列表： ``` <div id="app"> <ul> <li v-for="item in items">{{ item }}</li> </ul> </div> <script> var app = new Vue({ el: '#app', data: { items: ['Item 1', 'Item 2', 'Item 3'] } }) </script> ``` 上面的代码中，我们使用v-for指令来循环渲染一个包含三个项目的列表。我们还将items属性添加到我们的Vue实例中，以便在页面上显示它们。 这只是Vue.js和HTML的基础知识，您可以通过学习更多的Vue.js指令和组件，以及使用CSS样式来使页面更美观。希望这能帮助您入门Vue.js开发！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值