作者简介:大家好我是小唐同学(๑><๑),为梦想而努力的小唐,让我们一起加油!!!
初学者,不喜互喷,有错请指正
HTML解释:
结构:HTML
表现:CSS
简易标签介绍:
<font face="楷体"size="5"color="#ffc0cb">大哥666</font>
<b>加粗
<i>斜体
<u>下划线
<hr>定义水平线
<p>定义段落
src:规定显示图像的URL(统一资源定位符–路径(可绝对路径,相对路径))
列表标签:
<ol>定义有序列表
<ol>
<li>咖啡</li>
<li>茶</li>
</ol>
<ul>
<li>咖啡</li>
<li>茶</li>
</ul>
表格标签:
tr:定义行
align:定义表格行的内容对齐方式(left左对齐,right右对齐,center居中)
布局标签:
<div>:定义HTML文档中的区域部分,经常与CSS一起使用,用来布局网页(沾满一行)
表单标签:(登录窗口)
表单:在网页中主要负责数据的采集功能,使用<form>标签定义表单
表单项(元素):不同类型的input元素,下拉列表,文本域等
属性:
action:规定当提交表单时向何处发送表单数据,URL(统一资源定位符–路径(可绝对路径,相对路径))(默认“#”–提交网页,后期可以提交服务器)
1.get:浏览器会将数据直接附在表单的action URL之后,大小有限制(4KB)
2.post:浏览器会将数据放到http请求消息体中,大小无限制(会隐藏起来)
hidden:定义隐藏的输入字段(不会在页面显示,在开发者页面可显示)
submit:定义提交按钮,提交按钮会把表单数据发送到服务器
代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="#" method="post">
用户名:<input type ="text" name ="username"><br>
密码:<input type="password" name="userpassword"><br>
<!--name 用于提交数据-->
<br>
<!--扩大按钮点击区域-->
<label for="username">用户名:</label>
<br>
<input type ="text" name ="username" id="username">
<br>
<input type="submit" value="免费注册">
<!-- value 给按钮设置文本显示内容-->
<!-- 单选框-->
<br>
<input type="radio" name="gender">男
<input type="radio" name="gender">女
<br>
<!-- 多选框-->
爱好:
<input type="checkbox" name="hobby"value="1">旅游
<input type="checkbox"name="hobby"value="2">电影
<input type="checkbox"name="hobby"value="3">游戏
<!-- 文件-->
<br>
头像:
<input type="file"> <br>
<!--下拉列表-->
城市:
<select name="city"><!--name是指定属性,必须指定属性才能提交-->
<option>上海</option>
<option>北京</option>
</select>
<br>
意见 : <textarea></textarea>
</form>
</body>
</html>
原文地址:https://blog.csdn.net/m0_61469860/article/details/127296946
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_8892.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!