html下拉框设置默认值_HTML学习笔记

最新推荐文章于 2022-02-22 09:58:55 发布

投行小姐姐Sophia

最新推荐文章于 2022-02-22 09:58:55 发布

阅读量824

点赞数

文章标签： html下拉框设置默认值

本文链接：https://blog.csdn.net/weixin_34998630/article/details/112199487

版权

本文介绍了HTML的基础知识，包括HTML的作用、标题标签、分割线、段落、预文本等，并重点讲解了如何设置下拉框的默认值，以及超链接、表格、表单等标签的用法，帮助读者掌握HTML基本语法和布局设计。

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

1.互联网三大基石：

HTML：超文本标记语言（标记：可以理解为标签）

HTTP：超文本传输语言

URL：统一资源定位符

1.1HTML作用：

作用：把网页信息格式化展现的语言

注意点：

在桌面上直接使用文本创建html，后缀只能是htm，不支持html。

<! DOCTYPE html > :HTML文档约束，它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

2.标题标签：

<h1/>一共有六个标题到<h6/>

特点：

1）会自动加粗加黑

2）会自动换行

3）自动居于左侧

4）默认是left

属性align：（中文意思：使排整齐，校准）

3.分割线标签：

<hr/>: 默认居中

width:宽度 size：垂直方向的大小color：颜色

4.段落标签：（段落和段落之间会换行，还会有一定的段间距）

<p/>（段落内的内容不会自动换行）

&nbsp 空格；<br />换行

5.预文本

<pre/>

按照我们制定的格式来输出

6.常用小标签的作用和特点

<u/>

2<sup>3</sup>23

X<sub>2</sub>X2

7.跑马灯标签(滚动)

（direction：向那个方向滚动, scrollamount：移动速度）

8.超链接标签（不会自动换行）

target 目标

超链接标签的作用:（不会自动换行）

(1)实现不同页面之间的跳转

href:指定跳转到目标资源的位置

target：打开网页的方式

(2)实现锚点功能

9.快捷创建多个标签

br*20+table

三行三列表格：table>tr*3>td*3

10.图片标签

10.1书写的路径的3中方式

10.2图片标签的几个常用属性和属性的作用

title：图片的标题

Width,heigth 宽和高

border:图片的边框

alt：图片无法正常显示的时候显示的属性

align:图片的位置，必须有参照物

11.表格标签

<table/> （需要border：边框这个属性才能显现出来）

<tr/> :表格中的一行 <td/>：每个单元格

<th/> <td/>的替换，一般用于表头，自带加黑加，居中

colspan:列合并

rowspan：行合并

align = “center” 加在表格标签中会使表格居中，加在<th/>会使这一行的内容居中

只需在第一行设置宽度。后边的会自动对应，但每一行的高度还需要设置height

cellpadding 指单元格内文字与边框的距离

cellspacing 指单元格间距

bgcolor：背景颜色

12.表单标签

//提交到百度

<form action="http://www.baidu.com/s" method=”get”>//
			<input type="text" name="wd"/>//
			<input type="submit" name="提交" />
			<input type="reset" name="重置" />
</form>

https://www.baidu.com/s?wd=

https://www.baidu.com/s？键1=值1&键2=值2

name 相当于key

value 默认值

Get：数据量小，数据显现在地址栏，不安全，依赖URL

Post：数据量大，数据不显示在地址栏，安全，不依赖URL

13.<form/>表单中的一些属性

账号： <input type="text" name="zh" value="123" />

密码：<input type="password" name="pwd" value="123"/>

单选框 实现单选的效果必须指定同一个name属性 checked：默认的选择

男：<input type="radio" name="sex" value="1"

checked="checked"/>

女：<input type="radio" name="sex" value="0"/>

多选框

篮球:<input type="checkbox" value="1"checked="checked">

乒乓球:<input type="checkbox" />

羽毛球:<input type="checkbox" /><br />

下拉框

</select>

它的默认值使用 selected=”selected”

文本框

<textare rows=”13” cols=”20”>我是默认值</textare>//它的默认值放到标签中间

隐藏框

14.<ifram/>和<frameset/>

<ifram/>:框架标签：在当前页面引入其它网页

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试</title>
	</head>
	<body>
		<h1>7.10<h1/>
		<hr color="aqua" size="30"/>
		<!--跑马灯-->
		<marquee direction="right" scrollamount="10px"> 少年你好</marquee>
		<ul>
			<li><a href="http://www.baidu.com" target="aa">百度</a></li>
			<li><a href="https://www.jd.com" target="aa">京东</a></li>
			<li><a href="https://www.mi.com" target="aa">小米</a></li>
		</ul>
		<iframe height="560px" width="800px" name="aa" src="myHTML02.html"></iframe>
	</body>
</html>

<frameset/>:用于切分一个网页为好几部分，并且可以通过子标签<frame/>引入其它网页

需要把<body/>去掉

noresize=”noresize”//边框不再移动变化