信息管理创新实践学习周记2

最新推荐文章于 2024-07-19 15:32:49 发布

芝芝莓莓少少冰

最新推荐文章于 2024-07-19 15:32:49 发布

阅读量65

点赞数

分类专栏：信息管理创新实践学习笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_48813559/article/details/117965580

版权

信息管理创新实践学习笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

信息管理创新实践学习周记2

HTML列表

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用 <ul> 标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

结果：
在这里插入图片描述

有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

结果：
在这里插入图片描述

自定义列表

定义列表以 <dl> 标签开始
每个自定义列表项以 <dt> 开始
每个自定义列表项的定义以 <dd> 开始

Coffee
- black hot drink
Milk
- white cold drink

在这里插入图片描述

HTML区块

大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。实例: <h1>, <p>, <ul>, <table>
内联元素在显示时通常不会以新行开始。
常用的元素：块级：<div> 内联：<span>

HTML区块

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;text-align:center">
<h1 style="margin-bottom:0;">小组成员</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;text-align:center">
<b>成员</b><br>
1<br>
2<br>
3<br>
4</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left">
姓名<br>
lsm<br>
lc<br>
wrh<br>
yal</div>


<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
贱名好养活</div>

</div>
 
</body>
</html>

结果：
在这里插入图片描述

HTML表单

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:

<form>
	姓名: <input type="text" name="firstname"><br>
	学号: <input type="text" name="lastname">
</form>

结果：
在这里插入图片描述

芝芝莓莓少少冰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
信息管理创新实践学习周记2

信息管理创新实践学习周记3目录信息管理创新实践学习周记3HTML列表无序列表有序列表自定义列表HTML区块HTML区块HTML表单HTML列表无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表使用 <ul> 标签<ul><li>Coffee</li><li>Milk</li></ul>结果：有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。有序
复制链接

扫一扫