学习HTML，如何做一个课程表和无序列表

最新推荐文章于 2022-11-03 09:57:21 发布
最新推荐文章于 2022-11-03 09:57:21 发布
阅读量577 收藏 4
点赞数 1
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzssgdx/article/details/121633952
版权

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

如何用HTML做出课程表和无序列表

我们用Visual来做

 打开Visual新建一个HTML文件，这里文件名最好用字母以免后期出现问题kcb.html

输入感叹号再按回车就会跳出基本代码，不用手打节省时间

接下来往里写入代码，如下图

给这个课程表加入边框还有边框颜色大小

 

课程如下

最低0.47元/天 解锁文章
筱羽羽羽羽羽羽
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML学习篇（三） 标题，段落和列表
豪阁的个人博客
01-13 2107
下面将分别总结HTML中标题（h1~h6）、段落（p）和列表（ul、ol）的使用。 标题 HTML里面表示标题的是h1、h2、h3、h4、h5、h6标签，通过编写以下代码： <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3>
HTML制作课表源代码
weixin_51763809的博客
09-19 6256
<!DOCTYPE html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>课表</title> </head> <body align="center"> <table align="center" border="1" ...
web---HTML基础知识
Allure泽宇的博客
06-11 5461
HTML基础知识内容总结
无序列表.HTML
weixin_73403999的博客
11-03 743
无序列表.html
html 无序列表编程一排_制作HTML5的列表
weixin_42502165的博客
12-27 600
1、列表的类型HTML5提供了三种列表：(1)ordered list：有序列表，即ol；(2)unordered list：无序列表，即ul；(3)definition list：自定义列表，即dl；2、列表的相关名词解释li：list item，列表项目；dt：definition term，自定义术语；dd：definition description，自定义描述；3、有序列表ol的制作有序...
Html_Css_1-Progate:ProgateHTML和CSS课程-学习I代码
05-04
在"Html_Css_1-Progate: Progate HTML和CSS课程-学习I代码"这个资源中，我们可以深入理解这两门语言的基础知识以及如何将它们结合使用来创建交互式和美观的网页。 HTML是网页内容的结构语言，它定义了网页上的各个...
cours_html_1ere:HTML 课程第一年 CPNV
06-07
6. **列表**：有序列表（）和无序列表（）以及它们的子元素用于创建各种类型的列表。 7. **链接和导航**：除了基础的标签，还可以使用锚点（）实现页面内的跳转。 8. **表格**：、（行）、（单元格）和（表头）...
Java全栈课程之HTML详解
最新发布
01-25
4. 列表：`<ul>`和`<ol>`分别表示无序列表和有序列表，`<li>`定义列表项。 5. 表格：`<table>`、`<tr>`、`<th>`（表头）、`<td>`（单元格）构成表格。 三、HTML5新特性 HTML5引入了许多新元素，如`<header>`、`...
HTML简介：Web开发（学习HTML）
02-20
此外，还有`<ul>`和`<ol>`定义无序和有序列表，`<table>`创建表格，`<div>`作为布局容器等。 HTML还支持内联元素和块级元素的概念。内联元素如`<span>`和`<a>`不会独占一行，而块级元素如`<p>`和`<div>`会自动在...
LearnHTML：学习HTML
03-01
例如，`<h1>`至`<h6>`用于创建不同级别的标题，`<p>`用于段落，`<a>`用于创建链接，`<img>`用于插入图像，`<ul>`和`<ol>`分别用于无序列表和有序列表，`<li>`则表示列表项。 4. HTML属性 HTML元素可以有属性，属性...
CSS教程:网页无序列表标记的设计
12-11
大家看到了其本形式与无序列表的一样，只是在外围标签上名称不同。无序是UL，有序就变成OL了。所不同的是有序列表将会有比无序更多的标签属性。 　　在网站制作的案例中，大部分讲到了CSS无序列表的应用，而jb51.net更希望大家能熟悉各种不常用的知识，更加专业的面对工作中可能遇到的问题。以前我们面对这些有着顺序或是有数字注明排序的内容时大多是在数据前自行加上一个数值，或是由程序加上这个数值。而如果使用有序列表则不需要这么麻烦，根本不用自行去填写序数，当单层列表的时候这种特性似乎并不明显，而当使用多层的时候其特性就很明显了。那么还是先来了解一下有序列表的代码形式： <ol><li>这就是列表的内容
学生课程表源代码
03-04
学生课程表源代码，非常实用，绝对值得学习的代码。
HTML初学者--列表的简单制作
吹笛少年的博客
07-12 1793
HTML初学者系列（二） 制作一个简单的列表 首先，列表分为有序列表与无序列表。有序列表始于<ol>标签，每个列表项始于<li>标签。有序列表，顾名思义，各项目间存在顺序关系，列表项使用数字来标记。下面是一个简单的示例。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>有序列表模板</title> <style type=
【HTML 教程系列第 15 篇】什么是 HTML 中的无序列表 ul
“Allen Su”的博客
10-24 7226
一：什么是无序列表。 二：如何更改无序列表中列表项符号。
html中关于有序列表、无序列表和自定义列表之间的区别
热门推荐
qingyisuo的博客
12-28 5万+
有序列表（ol-li） <ol > <li>dd</li> <li>aa</li> <li>dd</li> </ol>如图一 可以发现在有序列表中默认的type类型是数字，而且是从1开始的。它有两个属性：type、start。 type：有五个属性值：1、a、A、i、I(罗马数字)，表示列表
学生-课程数据库建表代码（三张表：学生表 课程表 选课表SC）
ChaselWang的博客
03-12 1万+
第一步：点击新建查询建立数据库 create database _10lzhangsan//先建立数据库 第二步：建表 学生表（包括学号，性别，年龄，所在系） create table student( Sno char(9) primary key, Sname char(20) unique, Ssex char(2), Sage smallint, Sdept char(20) ); 课程表（包括课程号，课程名，先行课，学分） create table course( Cno char(4)pri
HTML5系列代码：制作无序列表
BLOG域名:programb.blog.csdn.net
06-26 2005
li 标签定义列表项目。 li标签可用在有序列表 (ol) 和无序列表 (ul) 中。 <html> <head> <title>制作无序列表</title> </head> <body style="text-align:center"> <h3>个人简介</h3> <ul> <li>姓名：_________ <p> <li&.
无序列表如何做一个导航条?html&,如何使用无序列表制作导航菜单.docx
weixin_29182481的博客
06-04 3607
第一步：建立一个无序列表我们先建立一个无序列表，来建立菜单的结构。代码是：首页产品介绍服务介绍技术支持立刻购买联系我们第二步：隐藏li的默认样式因为看起来不是很好看，菜单通常都不需要li默认的圆点，我们给UL定义一个样式来消除这些圆点。当然，为了更好的控制整个菜单，我们把菜单放在一个div里。页面代码变成： 首页产品介绍服务介绍技术支持立刻购买联系我们 CSS定义为：.test ul{list-s...
用html做简单课程表
asita666的博客
03-17 3885
用html创建一个课程表 网嵌191课表 <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td...
HTML创建一个无序列表
05-26
可以使用以下代码创建一个无序列表： ```html 列表项1 列表项2 列表项3 ``` 其中，`<ul>`标签表示无序列表的开始，`<li>`标签表示每个列表项。在`<li>`标签中填入相应的内容即可。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值