复习html基础知识3

最新推荐文章于 2024-08-07 14:52:30 发布

疯仔今天学习了吗

最新推荐文章于 2024-08-07 14:52:30 发布

阅读量116

点赞数

分类专栏：笔记文章标签： html5

本文链接：https://blog.csdn.net/weixin_46079817/article/details/109697457

版权

笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文主要复习HTML基础知识，包括背景图片和颜色设置、图片标签的使用，如设置宽度、高度和提示信息。接着介绍超链接的创建与目标定位，以及列表的类型与样式调整。最后，探讨了表单的用途、提交方式以及form和input标签的属性应用。

摘要由CSDN通过智能技术生成

复习html基础知识3

复习html基础知识3
背景图片与背景颜色
背景颜色,不是浮动与浏览器的窗口上方，是嵌入到背景当中

设置整个网页的背景颜色，使用bgcolor标签，属性值就是背景呈现的颜色

	<body bgcolor="red">

利用图片作为网页背景 使用background 标签，属性值为图片路径，可以是相对路径，可以是网络有效路径，

<body background="beijing.jpg">

网页中要显示的图片
浮动于浏览器中的元素使用“img”，可以没有结束标签，src用于指定图片路径。
width用来设置图片的宽度，高度会等比缩放。
注意：要是设置高度，图片会失真。
title属性用来设置鼠标悬停时的提示信息
alt用于设置图片丢失是的提示信息

如果有文字对于图片描述，则在结束标签前加

<img src="tupian1.jpg" width="300px" 
	title="图片悬停时的信息"
	alt="图片丢失时或加载失败的信息">有信息呢</img>

如若没有信息，则无需结束标签

<img src="tupian2.jpg" width="400px" /><br>

超链接
超链接 a是超连接标识符
href= hot references的缩写，后面跟随的是连接路径
热链接自带下划线，鼠标自动变成小手
浏览器向服务器请求，路径相当于服务器地址，服务器向浏览器发射数据，请求路径可以是相对路径，也可以是绝对路径
在这里我链接了一个自己第一天写的本地一个网页

<a href="http://www.jd.com">京东</a>
	<a href="http://www.taobao.com">淘宝</a>
	<!--以下是相对路径，可以是本地的一个路径-->
	<a href="../第一天/我的第一个页面.html">我的第一个页面</a>

关于超链接的另一个属性"target"用来设定目标资源最终的显示目标位置信息
当属性值为“_blank”时，表示有新窗口打开
当属性值没有或者为“_self”时，表示由当前窗口打开。

<a href="http://www.xiaomi.com" target="_blank">小米</a><br>
	<a href="http://www.taobao.com">淘宝</a>

inner frame，翻译内部窗口，就是在父窗口内部开一个小窗口

<iframe src="第二天学习.html">我的第一个页面</iframe>
	<iframe src="../第一天/我的第一个页面.html">我的第一个页面</iframe>

列表
无序列表，ul 标签表示无序列表

<ul>
	<li>中国</li>
	<li>日本</li>
	<li>美国</li>
</ul>

有序列表，ol 标签表示有序列表

<ol>
    <li>东京</li>
    <li>福岛</li>
    <li>北海道</li>
</ol>

type属性值还可以表示以什么样的序号去排列，这的type属性值为A，则表示以字母的顺序排列，还可以为数字，阿拉伯数字I、II、III，

<ol type="A">
    <li>黄埔</li>
    <li>天河</li>
    <li>海珠</li>
</ol>

在子列表中嵌套无序列表 ul 表示无序列表
type 属性值可以该变列表值前面的点点形式
square 表示方形，disc 表示圆形，circle 表示原点，将此处的子无序列表中的 ul—>ol，则变为有序列表

<ul>
	<li>中国
        <ul type="square">
            <li>天津</li>
            <li>台湾</li>
            <li>广州</li>
        </ul>
     </li>
     <li>日本</li>
     <li>美国</li>
</ul>

表单
1.什么是表单，表单有什么用处？
表单可以用来手机用户的数据，提交表单时，可以向服务器发送请求
并且还可以携带用户填写的数据。
2.发送请求：

地址栏 get 请求
超链接 get 请求
提交表单默认get 请求

3.form 标签的属性：

action 属性用来指定请求路径，提交的终端，和超链接的 href 属性一样。
method 属性指定表单提交的方式：
1.get方式提交，提交的数据会显示在地址栏上
2.post方式提交，提交的数据不会显示在地址栏上
3.表单默认以get方式提交，只有设置为post的时候才会是post的方式提交

<form action="http://www.baidu.com" method="get">
    <input type="submit" name="提交" value="百度">
</form>

input 标签被称为为输入域，当type 属性值为submit 时，表示提交按钮。发送请求，并且提交数据，value 属性值为按钮的值。

<form action="http://www.baidu.com" method="get">
  <input type="button" name="提交" value="百度">
</form>

button表示普通按钮，普通按钮不具备提交表单的能力。

<form action="http://www.baidu.com" method="get">
</form>
    <input type="submit" name="提交" value="百度">

提交按钮在表单外部也不具备提交表单的能力。

今天就先告一段落，明天继续复习呀

疯仔今天学习了吗

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复习html基础知识3

第二天课堂笔记复习html基础知识3背景图片与背景颜色背景颜色,不是浮动与浏览器的窗口上方，是嵌入到背景当中设置整个网页的背景颜色，使用bgcolor标签，属性值就是背景呈现的颜色 <body bgcolor="red">利用图片作为网页背景使用background 标签，属性值为图片路径，可以是相对路径，可以是网络有效路径，<body background="beijing.jpg">网页中要显示的图片浮动于浏览器中的元素使用“img”，可以没有结束标签，
复制链接

扫一扫