常见HTML标签以及属性

最新推荐文章于 2024-07-25 09:11:11 发布
最新推荐文章于 2024-07-25 09:11:11 发布
阅读量679 收藏 1
点赞数
分类专栏： 前端 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bigcherryss/article/details/120067367
版权

常见HTML标签以及属性

HTML基本语法

1. 语法结构
<标签名 属性=“属性值”> 内容</标签名>

2. Doctype声明和语言编码声明
<!DOCTYPE>声明是HTML文件中必不可少的，它位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范 。
在HTML5中一份文档将会适用于所有版本的HTML，声明方法如下：
<!DOCTYPE html>
在HTML5中，可以使用对<meta>元素直接追加charset属性的方式来制定字符编码，如下所示:<meta charset=”UTF-8”>,以前HTML4中的方法仍然有效，但是不能同时混合使用两种方式
3. 标签的属性和属性值
属性的概念：用来表示标签的特征。
属性值的概念：为属性赋的值称为属性值。

HTML常见标记

常见的双标记和单标记

换行标记是<br />，可以给一段文字换行，该标记是一个单标记。
粗体文本标记<b></b>。在网页中，比较重要的文本通过粗体方式显示。使用<b></b>标记可以设置文本的粗体显示效果。
倾斜文本标记<i></i>。放在<i></i>之间的文本将以斜体显示。
下划线标记<u></u>。<u></u> 标签可定义下划线文本。
强调显示标记<em></em>。使用<em>标签可以强调显示文本内容，在浏览器中的表现效果就是把这段文字以斜体方式显示。
加强调显示标记<strong></strong>。用于强调文本，但它强调的程度更强烈一些，通常是用加粗的字体来显示其中的内容。
常用的特殊符号:↓
空格：HTML的空格用&nbsp;表示。【所有标签都为英文半角】
小于号：&lt;
大于号：&gt;
&：&amp;
双引号：&quot;
版权：&copy;
注册：&reg;

标题标记以及属性

  1. 什么是标题？
    标题的概念：标明文章、作品等内容的简短语句
  2. 如何使用标题标签
    Html中标题由<h1></h1>---<h6></h6>来定义，其中<h1></h1>代表1级标题，级别最高，字体也最大，其他标题依次递减，<h6></h6>级别最低。
    标题对齐方式属性:align，属性值： left左对齐, center居中对齐,right右对齐。

段落标记以及对齐方式属性

  1. 什么是段落?
    段落标记是<p></p>，用来定义网页中的一段文本。
  1. 如何使用段落标签
    段落对齐方式属性:align，属性值： left左对齐, center居中对齐, right右对齐

图像标记以及属性

  1. 图像标签是什么?
    插入图像使用单标记<img/>
  2. 如何使用图像标签
      src属性  

            Src属性用于指定图片源文件的路径，语法格式为：<img src="图片路径" />

      alt属性

            IE6以后浏览器无法提示，当图像非正常显示时，在图像的位置上显示alt中的提示文字。

      width属性

            Width：设置图像宽度,默认单位为像素。

      height属性

            height：设置图像高度,默认单位为像素。

      border属性

            border：可以利用边框border设置图像的边框，默认单位为像素。

      title属性

             鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

水平线标记

      水平线标记<hr />

路径

  1. 什么是路径？
    路径的概念：是指一个文件或文件夹所在的位置。路径分为绝对路径和相对路径(相对于自己)。
  2. 为什么要使用路径？
    方便文件的查找
  3. 如何应用路径？
      绝对路径

      绝对路径的概念： 完整的描述文件位置的路径就是绝对路径。
      例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。一般详细描述互联网上的文件也属于绝对路径，例如：http://www.taobao.com/pcag/images/aa.jpg
      如果你使用绝对路径c:/website/img/photo.jpg，那么在自己的计算机上将一切正常，但是当你将页面上传到网站的时候就很可能会出错了，因为你的网站可能在服务器的c盘，可能在d盘，总之没有理由会有c:/website/img/photo.jpg这样一个路径。
在这里插入图片描述

      相对路径

相对路径的概念： 就是自己相对于目标位置。
如：img/photo.jpg
…/img/photo.jpg

要忠孝
关注
专栏目录
HTML初级篇—标签和属性
xiomarazark的博客
08-21 298
HTML初级篇—基础标签HTML（HyperText Markup Language）标签标签属性几种标签常用的属性HTML字符实体 HTML（HyperText Markup Language） 超文本标记语言 标签 html语言是由一对一对标签组成，每一对标签都有其特殊的功能，由头标签和尾标签组成。 1. 结构化标签 —<html>和</html> —<head>和</head> —<body>和</body> —<title
html-things:最常见HTML标签，属性以及有关它们的一些详细信息
04-11
标题标签不仅可以控制文本的大小，还具有自己的含义。 我们不应该在未写h1标题之前写h2标题，依此类推。... 嵌套：部分可以包含文章，即，如果我们有一些有关HTML标签的文章，则由于它们具有相关的内容，因此应将它
HTML标签即其属性大全
09-08
HTML技术，所有的标签及其所有的属性都在这里了 绝对完整，不信下载试试！
HTML学习之`常用标签及其用法、解释`(含实例)
最新发布
qazplmzyy的博客
07-25 846
在 HTML 中用于提供有关页面的元数据，元数据是描述数据的数据，通常用于指定页面的描述、关键词、作者、视口设置以及其他信息。标签一般放置在 HTML 文档的部分。表示这个标签用于定义页面的视口（viewport）属性。content属性,可以指定页面在不同设备上的初始缩放比例、最大/最小缩放比例,以及是否允许用户缩放等。注：浏览器将视口的宽度设置为设备的宽度;设置页面首次加载时的初始缩放级别为1:1 标签用于在 HTML 页面中嵌入图像。
HTML标签的语法和属性
lh11223326的博客
03-30 1460
HTML简介-CSDN博客HTML里面的标签就像C语言里面的关键字一样，每个标签都有自己的语义(含义功能)，如代表超链接，代表换行。根据标签的不同，浏览器会使用不同的方式展示标签中的内容，有时候也把HTML文件里面的标签称为HTML中的元素。html的语法其实就是规范只需要在以内还需要对的标签，即可嵌套也可以不嵌套，帮助我们更清晰的看清结构。href：属性可以是标签中提供链接地址(URL)的.src：属性可以为提供对应的图片路径。
HTML - 标签和属性
weixin_44175290的博客
02-24 143
1. 标签 -单标签 只有自己一部分，自己把自己闭合的标签 eg：<br>、<input>、<img> -双标签 需要包含开标签和闭标签 eg：<p></p> 2.属性 -常规属性 属性名=‘属性值’ -布尔类型属性 属性名=‘属性值’ 属性值位置可以随便写 只要有属性名就够了 - check...
认识 HTML标签与属性
weixin_38913844的博客
03-02 151
相信很多初学html标签的同学，在看到W3C上的介绍时，肯定是一头雾水！ 这个像字典一样的东西，给老手查还可以，对于新手来讲，通过背字典，来学会遣词造句，无疑是低效且困难的！ 所以我给它们简单的归了个类，当然不是很全面，如果有兴趣，大家可以照着架子补全！ HTML标签（用于容纳 文本 音频 视屏） 按用途分类 仅数据展示 文字内容 p h span :通常用于 定义某几个字的样式 ...
html标签和属性总结
07-06
常见的HTML标签属性包括： * `align`：对齐属性 * `face`：字体属性 * `color`：颜色属性 * `size`：字体大小属性 * `href`：超链接属性 * `src`：图片路径属性 * `alt`：图片替换文本属性 三、超链接的作用及语法...
js无法获取到html标签的属性的解决方法
10-21
然而，在某些情况下，开发者可能会遇到无法获取到HTML标签属性的问题。这个问题可能是由于多种原因造成的，例如元素尚未被加载、属性名拼写错误或者使用了不正确的方法来获取属性值。 首先，需要明确的是，HTML标签...
关于html标签自定义属性的问题
09-28
自定义属性是开发者为了满足特定需求而在HTML标签上添加的非标准属性。例如，在提供的代码片段中，`<img>`标签包含了多个自定义属性，如`msrc`, `infoType`, `id`, `moduleId`, `chsDesc`, `engDesc`, `chsName`, `...
5个酷炫、实用的HTML标签和属性介绍
12-12
那么就出一个系列吧，把我遇到的很好的HTML标签都记录下来（可能是HTML5的标签，不保证所有浏览器都能兼容）。 1. contenteditable 这是HTML5新增的标签，可以使一个区域的内容可以试试编辑，比如下面的表格：（在IE...
html常用标签及其属性
weixin_72724407的博客
07-17 7344
超文本标记语言（HyperTextMarkupLanguage）不是一种编程语言，而是一种标记语言，描述网页的语言。HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。
Html常见标签和属性
qq_43714708的博客
03-11 615
html常见标签，css属性，选择器
常用的html标签及其属性
weixin_61430914的博客
07-16 844
之后之前）（5）...~~...是标明文章、作品等内容的简短语句。（3）...文档标题（放在...
HTML标签属性
weixin_42098295的博客
04-03 1290
HTML（超文本标记语言）标签的属性为网页元素定义了额外的信息，用于调整元素的行为或外观。每个HTML标签都可以有多个属性，但某些属性只适用于特定的标签。属性提供了丰富的方式来控制HTML元素的行为和表示，是Web开发中不可或缺的部分。通过合理使用这些属性，可以提升网页的功能性、可访问性和用户体验。
Html基础标签以及属性和用法
weixin_75111785的博客
03-04 955
HTML标题(Heading)是通过< h1> - < h6> 标签来定义的。大多数HTML元素是可以嵌套的(HTML元素可以包含其他HTML元素)HTML 标记标签通常被称为 HTML 标签 (HTML tag)。“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.这就是基本成功然后让我们来逐一详细学习HTML。**注:**图片的名称和大小是通过属性定义的。**注:**图片的名称和大小是通过属性定义的。HTML图像是通过< img>标签来实现的。HTML文档由相互嵌套的HTML元素构成。
html标签的属性
joker的博客
11-11 1290
div span标签(重点) div span 是没有语义的 是我们网页布局主要的2个盒子 div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。 span, 跨度，跨距；范围 语法格式： <div> 这是头部 </div> <span>今日价格</span> 文本格式化标签(熟记...
HTML—文本标签
arvinzd的博客
10-24 1624
文本标签
HTML常用标签及属性
热门推荐
ch_improve的博客
05-19 1万+
标签按照实现效果可以分为：         1.块元素标签（行元素标签）：默认占有一行         2.内联元素标签(行内元素)：默认可以排列在一行 1.块元素标签 标题标签h1到h6，含有默认样式 <h1></h...
HTML标签与属性完全指南
在提供的摘要中，我们看到了一些常见的HTML标签和它们的属性，这些主要用于创建动态效果和文本样式。下面是对这些标签和属性的详细解释： 1. **跑马灯效果**： - `<marquee>` 标签用于创建滚动或循环显示的文本或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值