HTML初级篇—标签和属性

最新推荐文章于 2024-03-30 09:18:11 发布

VantageCesar

最新推荐文章于 2024-03-30 09:18:11 发布

阅读量295

点赞数

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

本文链接：https://blog.csdn.net/xiomarazark/article/details/108148338

版权

Web前端开发专栏收录该内容

25 篇文章 0 订阅

订阅专栏

本文介绍了HTML的基础知识，包括结构化标签如<html>, <head>, <body>, <title>等，以及常见的非结构化标签如<p>, <em>, <div>, <span>, <strong>, <table>, <hx>, <ol>, <ul>, <li>, <address>等。此外，还讲解了标签属性的重要性和用法，如lang, type, reversed, start, src, alt, href, target, method, action, type, name, value, onfocus, onblur等。最后提到了HTML字符实体的概念。" 136924242,13796234,提高DFT ATPG测试覆盖率策略分析,"['硬件工程', '硬件架构', '集成测试']

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

HTML初级篇—基础标签

HTML（HyperText Markup Language）

HTML（HyperText Markup Language）

超文本标记语言

html语言是由一对一对标签组成，每一对标签都有其特殊的功能，由头标签和尾标签组成。
1. 结构化标签
—<html>和</html>
—<head>和</head>
—<body>和</body>
—<title>和</title>等
2.非结构化标签（常用）
—段落标签：<p>和</p>
—斜体标签：<em>和</em>
—盒子标签：<div>和</div>独占一行
—容器标签：<span>和</span>顺序排列
—加粗标签：<strong>和</strong>
—表格标签：<table>和</table>
—标题标签：<hx>和</hx>(0<x<7)
—有序列表标签：<ol>和</ol>
—无序列表标签：<ul>和</ul>
—列表标签：<li>和</li>
—地址标签：<address>和</address>
—地址标签：<address>和</address>等
*标签嵌套使用效果更佳！！！

标签属性

属性是由属性名="属性值"的结构构成
例如HTML标签中的<html lang=“en”>、<meta charset=“utf-8”>等等
其中lang是language的缩写，lang的属性值的作用是告诉搜索引擎爬虫，网站相关于什么内容，更方便搜索引擎抓取我们想要的网站

几种标签常用的属性

1.<ol>标签中的type属性决定列表项前面的标识类型（A，a，i，I，1）reversed属性值为reversed表示倒序排列，start属性表示从第几号开始排列。

<ol type="1(a,A,i,I)" [revsersed="resversed" start="1"]>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>

2.<ul>标签中type属性表示列表项前面的表示类型(disc，circle，square)

<ul type="circle(square,disc)">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

3.<img>标签src为图片的路径(可以为相对路径也可以为绝对路径)，alt的属性是图片占位符(当图片展示错误的时候显示alt中的文字信息)

<img src=“a.jpg” alt=“这是一张图片”></img>

4.<a>超链接标签(锚点)中的属性href(HypterText Reference简称)，其属性值为跳转的链接地址。target属性表示界面打开的形式（_blank表示在新的窗口打开网页），常用做置顶功能。

<a href=“https://www.baidu.com” target="_blank">跳转链接</a>

5.<form>标签中的method(post、get)，action表示跳转的路径。

<form method="post[get]" action="跳转路径"></form>

6.<input>表示输入框type属性中有text、submit、button、password、radio(单选框)、checkbox(复选框)属性值，name表示input框的名字，value表示输入框里面的内容，onfocus表示获得焦点，onblur表示失去焦点。

<input type="text" name="文本框" value=""></input>
<input type="password" name="密码框" value=""></input>
<input type="radio" name="单选框" value=""></input>
<input type="checkbox" name="复选框" value=""></input>
<input type="submit" name="提交" value=""></input>
<input type="button" name="按钮" value=""></input>