免费入驻
产品入驻解决方案入驻公司入驻案例入驻
登录 · 注册
- 只需一步，快速开始
- 账号登录
- 立即注册
- 找回密码
自动登录找回密码

密码立即注册

IT评测·应用市场-qidao123.com»论坛 › 软件与程序人生 › 前端开发 › 前端——HTML标签

前端——HTML标签

曹旭辉金牌会员 | 2024-12-18 16:50:17 | 显示全部楼层 | 阅读模式

上一主题

下一主题

楼主

主题 966|帖子 966|积分 2898

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

x

什么是HTML标签？

HTML（超文本标记语言）是构建网页和网络应用的标准标记语言。HTML 文档由一系列的标签（tags）构成，这些标签是构成网页内容的基础。每个标签都有特定的用途和寄义，它们定义了网页的结构和内容。

所有主流欣赏器都支持<html>标签。
如今大多使用HTML 5。

标签定义及使用阐明

<html> 标签告知欣赏器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。

块级元素内联元素

HTML标签中分块级和内联。
块级元素会强制换行，并且占欣赏器全部的宽度（div标签）
内联元素可以包罗在块级元素内（a标签）

标签属性

标签可以拥有属性，属性格式如下：

a代表超链接
可以使用双引号，也可以使用单引号
href代表引用，厥后加上一个链接，“>”后可以填写代表这个链接的内容，以百度链接为例，例子如下：

接下来右键点击Open with Live Server运行，会得到如下页面：

点击蓝标的百度就会乐成进入百度搜索网页
常用标签

html

html标签限定了文档的开始点和结束点

head

head标签用于定义文档的头部。head标签中一般用于引入脚本、样式表以及文档的各种属性信息,绝大多数文档头部包罗的数据都不会真正作为内容显示给读者。

body

body 标签定义文档的主体。

h1--h6

一级标题—-六级标题

会出现如下的效果：

p

段落，一个p（<p></p>）表现一行

br

换行，举例：
换行前

换行后

a

超链接，以百度为例

<a href="https://baidu.com">百度</a>

复制代码

<p>请点击<a href="https://baidu.com">百度</a></p>

复制代码

<p>在新的页面打开<a href="https://baidu.com" target="_blank">百度</a></p>

复制代码

注释

快捷键“Ctrl + ？”，再次点击则为取消注释
若需要添加多行注释，则需要先选中多行，再点击“Ctrl + ？”

<！-- 注释的内容 -->

复制代码

ul li

无序列表

ol li

有序列表

table

表格
没有css样式的table很丢脸

上面是随便举的一个例子，在这个table之前可以添加一个style样式来美化这个表格

form

表单
样例如图：

img

图片

src填图片路径，alt填反馈效果

style

样式标签
css选择器
1.类选择器：.classname
2.id选择器：#idname

比力复杂，涉及css内容

总结

HTML标签尚有许多，大家可以自行查找

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

回复

使用道具举报

0 个回复

倒序浏览

快速回复

微信订阅号

微信服务号

微信客服

小程序

H5

关于我们商务合作网站地图

快速回复 返回顶部 返回列表