html的简单介绍

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

我不知道977

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

阅读量106

点赞数 1

分类专栏：前端文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_73236460/article/details/130668669

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML是超文本标记语言，用于创建网页。网页由HTML标签描述的元素组成，通过浏览器解析展示。基本结构包括文档声明、根标签、头标签和体标签。常用标签有标题、段落、图像、超链接、表格、列表和表单等，这些元素帮助构建并呈现网页内容。

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

1、什么是html?

html是超文本标记语言，是用于开发网页的最基础的语言(不是编程语言，而是一种标签（markup language)）

2.网页的形成？

网页由网页元素组成，这些元素通过html标签描述，通过浏览器解析显示给用户。

前端人员开发代码---->浏览器显示代码（解析、渲染)---->生成最后的web页面

3.html结构

文档声明：<!doctype html>

根标签:<html></html>

头部分：<head></head>

体部分:<body></body>

预防网页乱码:<meta charset="utf-8"/>

html常用标签

<h1></h1>...<h6></h6> 标题标签

<p></p> 定义段落 <br /> 强制换行（单标签）

<div></div>（一行一个） <span></span>（一行可多个）用于布局

<img src="图像URL"/> 图像标签

图像标签的其他属性
src	图片路径	必须属性
alt	文本	替换文本
title	文本	提示文本
width	像素	设置图像宽度
height	像素	设置图像高度
border	像素	设置图像边框粗细

超链接标签

<a href="跳转目标” target="目标窗口的弹出方式“>文本或图像</a>

href:用于指定链接目标，属性为href就具备了超链接功能

target：用于指定链接页面的打开方式，_self（将原窗替换）_blank(新窗口打开）

表格标签

<table>

表格属性
属性名	属性值	描述
align	left、center、right	规定表格对齐方式
border	1或” “	规定表格单元是否有边框
cellpadding	像素值	规定单元边沿与内容之间的空白
cellspacing	像素值	规定单元格之间的空白
width	像素值或百分比	规定表格的宽度

<tr>

...

<tr>

</table>

列表标签

无序列表 (并列）无序列表（顺序排列）自定义列表

</ul> </ol> </dl>

<li>和</li>之间相当于一个容器，可以容纳元素，<ul></ul>之间只能嵌套<li></li>

<ol></ol>之间只能嵌套<li></li>

<dl></dl>里面只能包含<dt>、<dd>,<dt>和<dd>没有个数限制，经常是一个<dt>对应多个<dd>

表单标签

<form>用来定义表单域，以实现用户信息的收集和传递，会将范围内的表单元素信息提交给服务器。

语法：

常用属性
属性	属性值	作用
action	url地址	用于指定接收并处理表单数据的服务器程序的url地址
method	get/post	用于设置表单数据的提交方式，其取值为get/post
name	名称	用于指定表单的名称，以区分同一页面的多个表单域

<input>(单标签）表单元素用于收集用户信息，其中包含一个type属性 <input type="属性值”>

type属性的属性值及其描述
属性值	描述
button	定义可点击按钮（多数情况下，通过JavaSript启动脚本）
checkbox	定义复选框
file	定义输入字段和“浏览”按钮，供文件上传
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段。该字段中的字符被掩码
radio	定义单选按钮
reset	定义重置按钮。重置按钮会清除表单中的所有数据
submit	定义提交按钮，提交按钮会把表单数据发送到服务器
text	定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符