HTML&CSS（二）HTML语义标签，基本概念

时间：2023-04-02 14:30:16 HTML

语义标签HTML的主要工作是对文本结构和文本内容进行编辑（也称语义语义），使浏览器能够正确显示，同时它可以使搜索引擎更好地捕获您的网页内容。语义是指对单词或句子的含义的正确解释。语义标签强调的是HTML的结构和HTML标签的含义，而不是它所显示的风格（表现）。标题和段落HTML有6级标题，h1~h6。6级标题代表文档6级目录的层级关系，例如：

作为主标题（最重要），其次是

（次重要），其次by

等对于普通文章，标题级别建议控制在3级，其中

为文章的主标题，一般只有一个。

一级标题

二级标题

三级标题

四级标题

五级标题heading

6级标题

段落

前后会自动换行

文本格式强调文字加粗

强调文本斜体文本

~~删除文本删除线~~

插入的文字下划线

标记的文字

这是一个简短的引用

这是爱德华·蒙克(EdwardMunch)的长篇引述

TheScream。1893年作画。

计算机代码：print("helloworld")

锄地那天中午，汗水滴到土里。谁吃一盘中国菜，每一粒都是辛劳。

<地址>邮箱1838576587@qq.com。
网址：https://www.timeic.xyz

Thistextcontains_subscript

Thistextcontains^superscript

where文本包含_下标

文本包含^上标

、、、、标签在语义上具有突出的意义；它们通常用于具有特殊含义的单词或句子中。（粗体）、（斜体）、（删除线）、（下划线）标签只代表显示效果，没有其他语义。
横线，
换行是短引号（两端自动加双引号），引用一段文字或一句话。
是一个长引号（起始缩进），引用文本或章节。作品名称（如书籍、歌曲、电影、电视节目、绘画、雕塑等）。表示计算机代码（如：C、Java、JavaScript、Python）预先格式化的文本（以文本编辑的格式显示，可以使用字符实体在浏览器中显示HTML代码）。表示作者联系方式^{（上标）和_{（下标）可用于内容表示脚注、化学或数学公式符号等。List榴莲臭豆腐鲱鱼罐头西红柿刘德华10000 刘若英1000 时代科学关注我们新浪微博官方微信联系电话首页主题前端HTML CSS 合作合作方式联系方式标签是一个无序列表，标签是一个有序列表标签是列表中的项标签是自定义列表标签是列表项（键）标签是列表项的内容（值）超链接超链接可以是一个词，一个word，或者一组词，或者一张图片，超链接可以是除超链接之外的任何元素，点击这些内容可以跳转到新的页面或者当前页面的一部分（anchor[>]）当鼠标指针是移动到网页中的链接上时，箭头会变成一只小手。超链接是使用标签定义的。在新窗口打开我的博客标签必须定义href属性在命令点击跳转。href="url"(url[>]规定了指向页面的链接地址)target="_blank"(target属性用于定义页面的打开方式)①_blank=打开一个新窗口②_self=(默认值)打开当前窗口title="Hyperlink"【鼠标移入超链接时显示的额外信息，title为全局属性（所有元素可用）】锚点定位查看第4章第1章此处显示本章内容... 第2章此处显示本章内容... 第3章这里显示本章内容... 第3章这里显示本章内容... 第4章此处显示本章内容... 第5章本章内容显示here... Chapter6 本章内容显示在这里... Chapter7 内容thischapterisdisplayedhere... Chapter8 Thischaptercontentisdisplayedhere... Chapter9 本章内容显示在这里... Chapter9 >本章内容显示在这里... 第10章本章内容显示在这里... …………通过绑定元素id属性，然后点击超链接定位对于在该位置指定了id属性的元素，也可以通过在URL后面加上#id来定位到该页面。id的属性值是唯一的，base标签不能在同一个HTML页面中重复出现。标签的作用是为页面上的所有相关链接指定默认的URL或默认的打开方式。标签必须写在标签里面href="http://127.0.0.1:8080"（HTML中的所有相关链接将从“http://127.0.0.1:8080/”主机目录访问）target="_blank"（所有HTML链接都将在新窗口中打开）HTML基本概念HTML文档是由元素组成的，元素由开始标记、结束标记、属性和元素内容四部分组成。html标签标签用于标记内容块，也用于表示元素内容的含义（即语义）。标签用尖括号括起来，html标签成对出现，如（开始标签）和（结束标签），这两个标签表示一个HTML文档的开始和结束。标签描述了HTML文档的相关信息，它们之间的内容不会显示在浏览器页面窗口中。标签包含了浏览器页面窗口要显示的所有内容，是HTML文档的主体部分。虽然不是所有的开始标签都必须有相应的结束标签，但建议开始标签最好有相应的结束标签结束，使网页易于阅读和修改。但如果开始标签和结束标签之间没有内容，则不必这样做。比如换行标签可以写成 content 另一行内容其他没有对应结束标签的标签有,,, ,,,,,在html中可以在一个标签中嵌套多个html标签，以实现对于某个文档的多标签效果，如果要注意正确嵌套，错误如下：It'sanotherbeautifulday 更正如下：It'sanotherbeautifulday html元素html元素是指开始标签（starttag）到结束标签（endtag）的所有代码，下面的代码创建了一个head元素HTML中的基本概念标签、元素、属性其中标签嵌套在<head>标签中的另一个元素中。HTML元素分为块级元素和行内元素（inlineelements）两种①内联元素内联元素不占一行。常见的内联元素有：<span>、<a>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<em>、<del>②块级元素block关卡元素显示在他们自己的行上，不能与任何其他元素并列。常见的块级元素有：<address>,<center>,<h1>~<h6>,<p>,<pre>,<ul>,<ol>,<dl>,<table>,<div>,<form>③元素的嵌套内联元素不能嵌套块级元素，比如下面的代码：<b><div>我是块元素</div></b>P标签不能嵌套任何Block级元素，比如下面的代码：<p><h2>Thisisablockelement</h2></p>任何元素都可以放在a标签里面，比如下面的代码：<ahref="http://www.baidu.com/"><div>这是一个块级元素</div><strong>这是一个内联元素</strong></a>html属性元素相关的特性有称为属性，每个属性对应一个属性值，语法为“attribute=value”，“attribute=value”出现在元素开始标签最后一个“>”之前，以空格分隔。可以有任意数量的“attribute=value”，它们可以以任意顺序出现。属性格式如下：<StartTagattribute='value'>content</EndTag>引号可以是单引号也可以是双引号；<StartTagattribute="value">content</EndTag>属性值的定义1.属性中的空格：属性值可以包含空格，但是这种情况下必须使用引号，因为属性是用空格分隔的，下面是正确的定义方法：<imgsrc="c:/DocumentsandSettings/test.jpg"width=256height=34/>下面是错误的：<imgsrc=c:/DocumentsandSettings/test.jpgwidth=256height=34/>也就是说，在定义一个属性值的时候，必须是一个连续的字符序列。如果不是连续序列，则必须加引号。2、属性中的值包含单引号或双引号：单引号和双引号都可以作为属性值。当属性值中有单引号时，不能再使用单引号来包含属性值，可以使用双引号来包含属性值；但是，当属性值中有双引号时，属性值中的双引号必须用数字转义字符引用（'）或字符实体引用（"）代替，如下例：<ptitle="Welcometo"here"">Qingdao</p><spantitle="WhiteSpaceCollapse">Blank</span>浏览器运行解析HTML页面时，遇到两个或多个连续的空格或换行时，只会显示为空格效果。此属性称为空白折叠。<html><head><title>空白多个空格但只有一个空格}}

上一篇：我的第一份web前端工作之所以能够找到12k的工作，就是因为掌握了这些技术栈下一篇：HTML传统网页布局 HTML&CSS（二）HTML语义标签，基本概念相关文章第二代微软手环来了！听说过第一代吗？ IFA预览！二代Moto360大战三星Gear S2 二代Moto360再次曝光！曲棍球形状的设计拆解第二季！剖析国内最强的三款智能音箱二线城市市长必读！城市扩张离不开百度云ABC 8.22京东电脑数码超级产品日来临，惠普光影精灵二代优惠券低 Q2全球可穿戴设备出货量增长5.5%，小米第二、华为第四莫博士谈智能手表（下二）深度！ 2000万台智能音箱争夺战仍在继续，VR第二春即将爆 MOTO360第二期最新开箱评测！分辨率低，不完美暴风影音十二年来的智能设备之路联想可能会推出第二代M100智能眼镜，消费者会买账吗？博鳌亚洲论坛第二十四届议程预览！可穿戴设备和智能终端的未来当二次元撞击VR和AR时，会擦出怎样的火花？小米手环！从零到世界第二的幕后花800元治卧室二手烟，使用美的空气净化器综合得分位居中国厂商第二位，腾讯云首次进入中国全栈公有云开发华为Watch第一代和第二代规格详细对比淘宝天猫618第二波销售将于今晚8点正式开始二代Moto360评测！ 1999元表现如何？

最新推荐 1PS5和PS5二代VR预计将于2020年发布 2重庆第二师范学院推进“智能手环应用”项目 3第二代蚂蚁TV VR头盔淘宝众筹于8月19日结束，众筹总额达 4小米电视双11销量份额公布，几乎是第二名的两倍 5Ticwatch2智能手表详细评测！时尚百搭（二） 6使用可穿戴设备支付！你能杀掉二维码吗？ 7夏普电视七大绝技，让世界杯独一无二 8二代Moto 360实物谍照！男人出街利器 9阿迪达斯开设第二家专为利基需求定制的机器人工厂 10未来VR会成为性的代名词吗？ VR会成为第二快播吗？猜你喜欢 1AirPods二代最新曝光！还是挤牙膏的升级版？ 2Moto360二代评测！更接地气的“选美冠军”！ 3Fitbit 无法隐藏其困境！第二季度财报回避活跃用户数 4谷歌仍在努力开发第二代Google Glass 5阿古斯二号仿生眼！让盲人重见光明 6自动驾驶的前世今生（二）！它为何诞生？ 7十大性价比手环推荐！小米手环只能排第二 8银湖发布2018年第二季度经营报告，移动交易额占比连续九个月 9点击率！深化“AI+”战略布局，扩大差异化优势，搜狗搜索稳居 10Moto360第二代智能手表即将发布，会有国行 11Moto360二代评测！外观依旧靓丽，升级诚意满满 12暴风电视第二款AI无屏电视Real 6现已上市，起售价389 13小米手环让小米成为全球第二大可穿戴设备公司 14荣耀引擎耳机二代新品发布高清画质售价129元 15贝索斯的个人财富创历史新高，比第二名盖茨多了500亿 16深度评测第二代Apple Watch！和第一代有什么区别？ 1732字秘诀打造良好用户体验-唐牧小米演讲实录（下二） 18贾家宝二代！共享计算与区块链融合前景广阔 19你可以想象这6种体验，当VR遇上二次元 20行货Moto360二代上手评测！一款精致的智能手表