2021-10-20

最新推荐文章于 2024-11-16 00:27:13 发布

m0_62979792

最新推荐文章于 2024-11-16 00:27:13 发布

阅读量118

点赞数 2

文章标签： html css3 html5

本文链接：https://blog.csdn.net/m0_62979792/article/details/120873592

版权

本文详细介绍了HTML的基础知识，包括HTML的定义、结构、特点及常用标签。从<head>和<body>的基本结构到各种标签的使用，如<a>、<img>、<form>、<input>、<select>和<table>等，还提到了超链接、表单处理、多媒体标签以及列表标签的用法。此外，还涵盖了表单中的get和post提交方式、input标签的各种类型以及相对和绝对路径的概念。

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

html基础知识

html是超文本标签语言，构成网页文档的重要基石。html文本是html标签组成的描述性文本，html可以说明文字，图形，动画，声音，表格，链接；超文本标记语言是web的基础。

html包括head头部，body主体两部分。头部描述的是浏览器所需信息，主体包含的是具体内容。

html的特点是：简单灵活，可拓展性，平台无关性。主要使用软件有sublime，vscode，hbuilder。

第一个html程序

<!DOCTYPE html>----------声明文档类型
<html lang="en">---------网页的开始
<head>------------------网页的头部
	<meta charset="UTF-8">
	<title>Document</title>------网页的标题
</head>----------------网页头部的结束
<body>--------------网页的内容

</body>
</html>------------网页的结束

语法结构<标签名属性=“名称”></标签>

常用标签分为单标签和双标签

单标签：<br>换行标签;<hr>水平分割线

双标签：<b>加粗</b>;<i>斜体</i>;<em>斜体</em>;<u>下划线</u>;<del>删除线</del>;<pre>原样输出想要输出的文本</pre>;<sub>下标</sub>;<sup>上标</sup>;

表单标签

绝对路径和相对路径.语法结构：<form action=" " name=" " method=“ ”> </form>

绝对路径<form action="D:\云计算\demo.01.html" >找到文件为止，别人找不到

相对路径<form action="..\demo.01.html">别人能找到

注：action---跳转的路径；name-----表单的名字；method---跳转的方式.

method跳转有两种:get和post post----相对更安全

input标签

语法结构：<form>

</form>

当属性为type的时候，可以取值：text---文本框；password----密码框；submit----提交按钮；radio--单选按钮；checkbox-----多选按钮；reset---重置按钮；button---按钮；image--图像按钮；file--上传文件；email---邮箱框；color--颜色；date---日期；datetimelocal----日期加时间；time---时间；range---进度条.之类

也可以选其他属性：readonly---字段只能读不能修改；disabled---不可点击；autofocus---默认光标的位置；required---提示不能空白提交

（属性可叠加）如<input type=“next” value=9999 readonly disabled>表示这个文本框表示999但是用户只能看不可修改