HTML入门

最新推荐文章于 2024-06-28 09:35:02 发布

DaiQuan2206

最新推荐文章于 2024-06-28 09:35:02 发布

阅读量211

点赞数

分类专栏： HTML 文章标签： jquery html asp.net

本文链接：https://blog.csdn.net/qq_45935397/article/details/122187874

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

静态网页:数据是死的;

动态网页:从服务器加载到页面

HTML;CSS;Jquery

<DOCTYPE html> (网页文档类型设定)
所有的标签分为双标签和单标签(自标签)
- 双标签:<开始标签> </结束标签>
<head>
- <meta charset="utf-8">
- <meta name="keywords" content=" "></meta>
</head>
<body>
- 任何内容
- <h1>--><h6> 标题带加粗效果
- <p>文字内容</p>
- <hr/>单标签:水平线
- <String>:对文本加粗</Strong>
- em:斜体 /em
- <br>换行
</body>
浏览器解析HEML时会忽略空格与换行
&nbsp空格
&copy:版权符
<img src="路径" title="设置鼠标放在图片显示" alt="网络不稳定">
图像标签:引用磁盘上的图片文件//不指定路径会到软件根目录找
从文件当前目录出发往上../imgs 返回上一级拿到imgs
span标签:行内元素双标签

表格标签:

<table>//表格
- <tr>//行
  - <td></td> 列
  - <td></td>
  - <td></td>
  - </tr>
</table>
border:设置边框线默认0
cellspacing:设置单元格之间的间隙
width:设置整个表格的宽度
对于表格表题用<th></th> 修饰
可以为单元格设置跨列或者跨行的属性

结构化标签:

1.<thead></thead>

2.<tbody></tbody>

3.<tfoot></tfoot>

表单标签:

form标签是结构标签,不能直接写内容

input单标签 select taxtarea
<p>账号:<input size="6"></p>
<p>密码:<input type="password"></p>

表单提交的格式必须是name=value 格式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>form表单</title>
	</head>
	<body>
		<form action="success.html" method="post">
		<p>账号:<input name="username" size="6" type="text"></p>
		<p>密码:<input name="password" type="password"></p>
		<p>性别
		<input id="man" type="radio" name="gender" checked value="男">
			<label for="man">男</label>
		<input id="fam" type="radio" name="gender" value="女">
		<label for="fam" >女</label>
		<input id="private" type="radio" name="gender" value="保密">
		<label for="private">保密</label>
		</p>
		<p>爱好
		<input id="sing" type="checkbox" name="aihao" value="唱歌"/>
		<label for="sing">唱歌</label>   
		<input id="dance" type="checkbox" name="aihao" value="跳"/>
		<label for="dance">跳</label>   
		<input id="rap" type="checkbox" name="aihao" value="rap"/>
		<label for="rap">raps</label>   
			</p>
			<p >  <input type = "submit"  value="注册"/>
		</p>
		</form>
	</body>
</html>

form表单提交设置method="post"属性会隐藏提交的字段

post也可以提交图片.

文件域:用来上传文件在type设置为file

type="hidden" 隐藏;但是会提交

type="reset"重置表单

图像提交按钮:也是提交表单 type="image" src="图片地址"

普通按钮: 默认type="button" 需要手写

下拉框:

...

</select>

文本输入框 :多行:

input标签的其它属性

新的type类型
超链接

超链接分三种:1,站外链接从当前网站一个页面到另一个网站
- type="email" submit提交不是表单就不会提交设置required为必填项;指定placeholder为占位提示
- type="date" 日期选择器
- type="number" 强制输入为数字
2.站内连接 :跳到当前网站指定页面
3.锚链接:跳到当前页面的指定位置

4. 点击开新窗口:target属性 _blank:开启一个新窗口
5.iframe框架

列表标签:体现页面上某一块内容整体性
- 相当于一个小的浏览器;可以通过属性src指定窗口中显示的页面内容
1.无序列表,列表之间没有递进关系
<ol>有序的列表</ol>

DaiQuan2206

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门

静态网页:数据是死的;动态网页:从服务器加载到页面HTML;CSS;Jquery <DOCTYPE html> (网页文档类型设定) 所有的标签分为双标签和单标签(自标签) 双标签:<开始标签> </结束标签> ...
复制链接

扫一扫