【HTML】

最新推荐文章于 2024-11-08 10:30:00 发布

DHH.

最新推荐文章于 2024-11-08 10:30:00 发布

阅读量56

点赞数

文章标签： html 前端 java

本文链接：https://blog.csdn.net/qq_61513126/article/details/133518784

版权

HTML

HTML概述
HTML基本语法

HTML概述

HTML是超文本标记语言（HyperText Markup Language）

超文本指页面内可以包括图片，视频，声音，链接，等内容
标记：标签（通过标记符号来告诉浏览器网页内容该如何显示）
浏览器根据不同的HTML标签，解析成我们看到的网页
声明
html4的文档声明

html5的文档声

如果不声明解析网页时会产生一些不可预期的行为，所以我们应该避免出现

html4与html5语法会有所不同。

HTML基本语法

Head标签：包含了所有的头部标签
头部区域的标签标签为: < title >, < style >, < meta >, < link >, < script >
- < title >标签可定义网页的标题
- < meta > 标签可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新
  频度的描述和关键词。
  < meta > 标签位于文档的头部
  < meta charset=“utf-8” />
一个html的基础结构

特殊符号转义

在HTML中预留了一些字符。这些预留字符是不能在网页中直接使用的。
比如< 和 >,我们不能直接在页面中使用< 和 >号，因为浏览器会将它解析为html签。
例如：会被解析为b标签，空格,再多的空格都会当一个空格处理。
为了可以使用这些预留字符，我们必须在html中使用字符转义。

表格

表格的基本构成标签
table 标签：表格标签 border=“1” 边框
tr标签：表格中的行
th标签：表格的表头，自动加粗居中
td标签: 表格单元格
表格属性
cellspacing:消除表格间隙
cellpadding:设置单元格的内边距，内容到边框的距离
align:left 默认 center right 水平位置
valign： top middle(默认)bottom 垂直
建表格快捷键：table>tr4>td4(四行四列的表格)
:合并h单元格，跨列，同一行内的多格，
4为合并的数量，删除多余的单元格
:跨行合并，同一列的多格，

表单

form标签：表单
网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,把客户端数据提交至服务器.
表单中提供了许多的可以输入或选择的组件，让用户进行输入选择（输入信息）
最终将数据提交到服务器端（下个阶段）
action=""后程序的地址 javaee
method=“get” http请求方式 get post
readonly=“readonly”:只读，可提交数据
disabled=“disabled”:禁用，不可以提交数据
- 表单 form
- input type=“text” 表示文本框,其中name属性必须要指定,否则这个文本框的数据将不会发送给服务器
- input type=“password” 表示密码框
- input type=“redio” 表示单选按钮:注意:name属性值保持一致,会出现互斥的效果, 可以通过checked属性设置默认选中的项
- select 表示下拉列表.每一个选项是option,其中value属性是发送给服务器的值,selected 表示默认选中的想
- textarea 表示多行文本框(文本域),他的value 值就是开始结束标签之间的内容
- input type=“submit” 表示提交按钮
- input type=“reset” 表示重置按钮
- input type="checkbox"多选框
- input type=“button” 表示普通按钮

<form action="" method="get">
			用户名<input type="text" name="user" id=""
			 value="123" placeholder="请输入用户名" />
			 <br>
			 密码:  <input type="password" name="passward"/><br>
			 性别:  <input type="radio" name="gender" value="男"/>男
			 	    <input type="radio" name="gender" value="女"/>女<br>
			 课程: <input type="checkbox" name="course" id="" value="java" />java
			       <input type="checkbox" name="course" id="" value="c" />c
				   <input type="checkbox" name="course" id="" value="html" />html <br>
			 年级:<select name="grade">
			 	    <option >请选择</option>
					<option value="1">一年级</option>
					<option value="2">二年级</option>
					<option value="3">三年级</option>
				  </select>
			 附件：<input type="file" name="" id="" value="" /><br>
			 地址：<textarea rows="5" cols="30"></textarea>
			 <br>
			 <input type="submit" value="提交"/> <!-- 触发表单提交-->
			 <input type="button"value="按钮" onclick=""/><!-- 普通按钮，后面用它触发事件 -->
			 <input type="reset" value="重置" /> <!-- 重置表单到初始状态-->