前端HTML常用标签汇总

什么是HTML

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如<html>
  • HTML 标签通常是成对出现的,比如<b></b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML文件的基本组成结构

<!DOCTYPE html> — 版本号
<html> </html> — 根标签
<head> </head> — 头部标签 思想
<body> </body> — 身体标签 可见的0部分
<title> </title> — 网页的标题
<meta charset="UTF-8"> — 设置字符集

标签的属性

每一个标签都有自己独特的属性 属性就是特长 代表着不同的功能
属性名=“属性值”

HTML中的语义化标签

文本标签

注释标签/* */<!-- --> ,快捷键是 ctrl + /,其中/* */<style></style>中的注释标签,而<!-- --> 则是<body></body>中的标签
换行标签br
h 标题 align 水平位置 (独占一行)
范围 1 - 6 从大到小 如果超过这个范围:标签失效
p 段落标签代表着一个自然段 里面不要放置h标签(会使水平位置属性失效)
hr 分隔线标签
加粗B 倾斜I 下划线U 删除线S
pre标签 预格式化文本标签
注意:除非需要特定环境使用一般情况下不使用
lorem 提供测试文字
lorem*100 输出100段测试文字
lorem100 输出100个测试文字
font 字体
注意:这个标签已经废弃不用 但是目前学习HTML单纯的用来写样式 后面学CSS的时候这个标签不再使用。
属性: 颜色 color
sub sup 下标 上标

HTML中转义字符

空格  英文空格  中文空格
大于号 小于号 < >
© 版权符号

超链接标签

a 链接作用
用法:
1普通的连接
href属性里面填写网址
2锚点连接
①在某个标签中设置id属性并且给上ID
②在要跳转的位置设置a标签
③在href属性里面用#id名进行锚点跳转
3.target
_self 默认的情况 自身跳转
_blank 新建一个页面跳转

图片标签

图片:image
img 图片标签
属性:
src :获取图片的路径
width 宽度
height 高度
title 鼠标指向时提示的文字
alt 当图片加载不出来或者图片地址错误的时候给出提示信息
align 有这个属性 只是这个属性不是调整水平位置的而是调整图片两边相对图片的垂直位置

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值