day2 html和css基础

最新推荐文章于 2024-08-05 22:35:13 发布

小邓子在上海流浪

最新推荐文章于 2024-08-05 22:35:13 发布

阅读量205

点赞数

分类专栏：基础语法文章标签： html css 前端

本文链接：https://blog.csdn.net/qq_57535164/article/details/122311549

版权

day2 html和css基础

一、列表标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表标签</title>
	</head>
	<body>
		<!-- 1、无序列表    ul和li
		        ul 代表列表
		        li  代表元素
		-->
		<h2>千峰所有的学科：</h2>
		<ul>
			<li>python</li>
			<li>前端</li>
			<li>java后端开发</li>
			<li>物联网</li>
			<li>UI设计</li>
		</ul>
		<ul>
			<li>
				<h4>python数据分析</h4>
				<img src="https://img1.baidu.com/it/u=1092603798,1921179360&fm=26&fmt=auto" >
				<p>
					Python由荷兰数学和计算机科学研究学会的吉多·范罗苏姆 于1990 年代初设计，作为一门叫做ABC语言的替代品。
					Python提供了高效的高级数据结构，还能简单有效地面向对象编程。
				</p>
			</li>
			<li>
				<h4>前端开发</h4>
				<img src="https://img2.baidu.com/it/u=985372442,1751406305&fm=26&fmt=auto" >
				<p>前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，
				合适的动效设计，给用户带来极高的用户体验。
				</p>
			</li>
		</ul>
		<!-- 2、有序列表 ol 和 li-->
		<h2>豆瓣电影：Top 250</h2>
		<ol>
			<li>
				
泰坦尼克号  / Titanic  / 铁达尼号(港 / 台) [可播放]
<p>导演: 詹姆斯·卡梅隆 James Cameron   主演: 莱昂纳多·迪卡普里奥 Leonardo...
1997 / 美国 墨西哥 澳大利亚 加拿大 / 剧情 爱情 灾难</p>
<img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p457760035.webp" >
			</li>
			<li>
				
美丽人生  / La vita è bella  / 一个快乐的传说(港) / Life Is Beautiful
 <p>导演: 罗伯托·贝尼尼 Roberto Benigni   主演: 罗伯托·贝尼尼 Roberto Beni...
1997 / 意大利 / 剧情 喜剧 爱情 战争</p>
<img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2578474613.webp" >
			</li>
		</ol>
	</body>
</html>

二、表单和input标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 1、表单标签 ：from
		   from标签是容器标签，里面可以放多个其他表单相关的标签
		   主要作用：可以提供表单相关标签内容的整体的提交和重置功能
		   重置： 只能重置和重置按钮在同一个from标签中的其他标签
		   -->
		   <form action="" method="">
		   	<input type="reset" value="重置" />
		   </form>
		   <!-- 2、表单相关标签：input、select、textarea -->
		   <!-- （1）input标签
		        input标签对应不同的type属性值，可以实现不同的功能
			    文本输入框：空值/test
				密码输入框：password
				   value属性：输入框内容
				   placeholder属性:输入提示信息
				   maxlength属性：输入内容的最大长度
				单选按钮：radio
				复选框：checkbox
				check属性： 值设置为checked，让按钮处于选中状态。
				按钮和文字绑定方法：将文字内容放到label标签中，让label标签的for属性和按钮的id属性一致。
				普通按钮：botton
				日期选择：data
				时间选择：datetime
				颜色选择：color
				文件选择：file
				重置按钮:reset
				注意： 主要input标签对应的功能为程序提供数据，那么input标签
			-->
			<!-- 文本输入框 -->
			<br><br>
			<form >
			文本输入框<input type="text" value="下一次打开时直接显示" placeholder=&

最低0.47元/天解锁文章

小邓子在上海流浪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
day2 html和css基础

day2 html和css基础一、列表标签<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>列表标签</title> </head> <body>  <h2>千峰所有的学
复制链接

扫一扫