精华内容
下载资源
问答
  • HTML的结构标签

    千次阅读 2019-03-24 19:51:17
    HTML的结构标签 结构便签,顾名思义,大多数是没有太多特殊的作用的,但是它是构建一个网页基本结构的主要元素,此次会列出大家经常用来搭建结构的基本标签。 div 盒子标签 没有任何的样式 双标签 P 段落标签 默认...

    HTML的结构标签

    结构便签,顾名思义,大多数是没有太多特殊的作用的,但是它是构建一个网页基本结构的主要元素,此次会列出大家经常用来搭建结构的基本标签。

    • div 盒子标签 没有任何的样式 双标签
    • P 段落标签 默认有上下外边距 双标签
    • h1~h6 标题标签 字体逐次减小 双标签 默认上下边距 字体加粗 字体变大 h1为主标签 其余为副标签 主标签一个网页只能出现一次
    • span 空元素标签 没有任何意义 双标签
    • em和i 斜体字标签 双标签 虽然都是斜体字标签,但是em标签具有强调语义,强调作用是针对浏览器的,用户从界面上看不出来两个的区别
    • strong与b 加粗字体标签 双标签 strong具有强调的语义

    下面是代=代码举例:

    <!--网页基本结构-->
    <!doctype html> 
    <!--文档申明 
    	!(申明)
    	doc(document 文档)
    	html (html5)
    -->
    <html> <!--整个网页结构的最顶层元素  根标签-->
    	<!-- 标签之间的关系
    		包含关系 (父子关系)
    			html 里面包含head和body标签
    			子级相对于父级标签用一个tab或者4个空缩进
    		并列关系(兄弟关系)
    			head和body是兄弟关系
    	-->
    	<head><!-- 头部标签  看不见但是又和我们本身相关的一些东西(标签)-->
    		<!-- 
    			计算机只认识机器语言 0 1
    			字符集(charset) 内容(content) 目标(meta)
    				utf-8 通用编码 大小无所谓
    				gbk 中文编码
    				文件编码和申明的编码不一致时会出现乱码问题
    			name,content都是标签的属性 一个标签可以有多个属性,中间用空格隔开
    				属性=“值”
    		-->
    		<meta charset="UTF-8" /><!-- 申明当前网页的字符编码 保存时的编码和这里的要一致-->
    		<!-- 网页的标题 -->
    		<title>今天是第一节课</title>
    		<!-- 
    			对网页的描述
    				产品说明书
    		-->
    		<meta name="description" content="我们今天学了网页的制作,我很ok" /><!-- 网页的描述,完整的句子 -->
    		<meta name="keywords" content="结构,形式,行为" /><!-- 网页的关键词:一个个描述的词语 -->
    		<style type="text/css">
    			div,p,h1{
    				border:1px solid red;
    			} 
    		</style>
    	</head>
    	<body><!-- 身体标签(可视标签)能够看得见东西 () -->
    	好开心啊!!好开心!
    		<!-- 便签的分类
    			看不见的标签(head)
    			可视标签(body)
    				用来搭建结构(结构标签)
    				
    				特殊的功能
    				ctrl +b 快捷在浏览器中打开
    				用标签搭建结构的过程中,尽量的去选择语义贴近的标签去做
    		-->
    		<div>我是盒子div</div><!-- 盒子标签  无任何默认样式 语义用来装东西的盒子-->
    		<p>我是段落P标签</p><!-- 段落标签,有默认的上下外边距 语义就是个段落-->
    
    		<h1>我是标题标签h1</h1><!-- 标题标签,有默认的上下外边距,字体默认加粗变大 语义就是个标题 -->
    		<h2>我是标题标签h2</h2>
    		<h3>我是标题标签h3</h3>
    		<h4>我是标题标签h4</h4>
    		<h5>我是标题标签h5</h5>
    		<h6>我是标题标签h6</h6><!-- 标题一共有6个,其中h1是核心标题,其他都是副标题,核心标题同一个网页只能用一次 -->
    		
    		<span>空元素标签</span><!-- span (跨度) 空元素标签,没有任何语义和形式,什么时候都可以使用 -->
    		
    		<!-- 斜体标签
    			em i
    				em	强调的含义
    				i  单纯的斜体
    			默认字体斜体
    		-->
    		<em>em斜体标签,含强调的语义</em>
    		<i>i斜体标签,单纯斜体</i>
    
    
    		<!-- 加粗字体
    			strong b
    				strong 强调的含义
    				b 单纯的加粗
    			默认加粗字体
    		-->
    		<strong>加粗字体strong(有强调的含义)</strong>
    		<b>加粗字体</b>
    	</body>
    </html>
    
    

    网页制成样式:

    这是代码编写的产生效果,更容易让学者参考代码进行学习。

    展开全文
  • HTML基本结构标签

    千次阅读 2021-09-01 19:28:52
    header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他内容,因此整个页面的标题应该放在页面的开头。 header 定义文档的页眉,在一个网页中可以多...

    HTML基本结构标签

    <header>......</header>//头部
    <nav>........<nav> //导航
    <section>......</section> //定义文档中的节,比如说章节,页眉之类的
    <aside>......<aside> //侧边栏
    <footer>......<footer> //页脚
    <article>......</article> //代表一个独立的、完整的相关内容块,可独立于页面其他内容使用,
    //例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等等...
    

    布局效果显示:

    在这里插入图片描述

    定义标题栏:header

    header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他内容,因此整个页面的标题应该放在页面的开头。

    header 定义文档的页眉,在一个网页中可以多次使用 header 元素。

    语法&案例:

    <header>
      <h1>网页标题</h1>
    </header>
    <article>
      <header>
        <h2>文章标题</h2>
      </header>
      <p>文章正文</p>
    </article>
    

    定义标题组:hgroup

    hgroup 元素可以为标题或者子标题进行分组,通常与 h1~h6 元素组合使用,一个内容块中的标题及其子标题可以通过 hgroup 元素组成一组。但是,如果文章只有一个主标题,不需要此元素。

    语法:

    <header>
      <hgroup>
        <h1>主标题</h1>
        <h2>副标题</h2>
      </hgroup>
    </header>
    

    定义导航块:nav

    nav 元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或当期页面的其他部分。只需要将主要的、基本的链接组放进 nav 元素即可。

    语法:

    <nav>  语义 :定义导航栏 </nav>
    

    定义侧边栏:aside

    asdie 元素用来表示当前页面或文章的附属信息部分,可以包含当前页面或主要内容相关的引用、侧边栏,以及其他类似的有别于主要内容的部分。

    主要由以下两种用法:

    1、作为主要内容的附属信息部分

    2、作为页面或站点全局的附属信息部分

    语法:

    <aside>定义其所处内容之外的内容</aside>
     
    

    定义主要区域:main

    main 元素表示网页中的主要内容。该区域应该为每一个网页中所特有的内容,不能包含整个网站的导航图、版权信息等整个网站内部的共同内容。

    每个网页内部只能放置一个 main 元素。不能将 main 元素放置在任何 article、aside、footer、header 或 nav 元素内部。

    语法:

    <main>网页的主要内容</main>
    

    定义文章块:article

    article 元素用来表示文档、页面中独立的、完整的、可以独自被外部引用的内容。

    语法:

    <article> 语义:  定义文章</article>
    

    定义内容块:section

    section 元素用于对网站或应用程序中页面上的内容进行分区,section 元素关注内容的独立性。

    语法:

    <section> 语义: 定义区域</section>
    

    定义脚注栏:footer

    footer 元素可以作为内容块的脚注,可以在内容块中添加注释,或者在网页中添加版权信息等。脚注信息有很多形式,如作者、相关阅读链接及版权信息等。

    在页面中可以重复使用 footer 元素。

    语法案例:

    <footer>
      <ul>
        <li>关于</li>
        <li>导航</li>
        <li>联系</li>
      </ul>
    </footer>
    
    展开全文
  • HTML中结构标签的使用

    千次阅读 2016-02-17 23:42:53
    为什么用这些结构标签H5中新添加的结构标签种类(常用)main标签main标签表示页面的主要显示内容,页面且只有一个,不应该被任何其他结构标签包含 <h1>main 标签使用 有效的使用main标签 </m

    H5中新添加的结构标签种类(常用)

    main标签

    main标签表示页面的主要显示内容,页面有且只有一个,不应该被任何其他结构标签包含

    <main>
      <h1>main 标签使用</h1>
      <p>有效的使用main标签</p>
    </main>

    article标签

    article标签表示页面中独立的与上下文没有任何关系的内容区域,可以结合h*、p、section等标签进行使用;该标签可以被嵌套使用

    <main>
        <article>
           <h1>有效使用h5新标签</h1>
           <header>
               <p><span>date:2016/11/11</span><p>
           </header>
           <section>
               <h2>方法一</h2>
               <p>......</p>
               <p>......</p>
           </section>
        </article>
    </main>

    section标签

    section可以用来表示内容分组,可以被放在main,article等标签中;

    <main>
        <section>
            <p>...</p>
        <section>
        <section>
            <p>...</p>
        </section>
        <article>
            <section>
            </section>
        </article>
    </main>
    

    aside标签

    aside标签顾名思义,就是表示相关的信息,可以用来表示侧边栏,tips等内容

    <main>
        <article>
            <h1>...</h1>
            <aside>
                <p>相关内容</p>
            </aside>
        </article>
    </main>

    nav元素主要用来表示页面导航。

    <nav>
        <a href="1.html">1</a>
        <a href="2.html">2</a>
    </nav>

    header标签

    header标签,主要用来表示一些页面的元素数据信息,例如页面的来源等。

    footer标签

    footer标签,主要用来表示一些页面的元素数据信息。

    为什么用这些结构标签

    1. 让整个网站的结构更加的层次话,例如各个终端的解析
    2. 迫使开发人员在页面开发的过程中多点时间进行页面结构的思考
    3. SEO更加的友好
    4. 页面可读性更强,后期维护更加容易
    展开全文
  • HTML5页面结构标签

    千次阅读 2020-07-07 10:11:25
    HTML5页面结构标签 <header>......</header>//头部 <nav>........<nav> //导航 <section>......</section> //定义文档中的节,比如说章节,页眉之类的 <aside>......<...

    HTML5页面结构标签

    <header>......</header>//头部
    <nav>........<nav> //导航
    <section>......</section> //定义文档中的节,比如说章节,页眉之类的
    <aside>......<aside> //侧边栏
    <footer>......<footer> //页脚
    <article>......</article> //代表一个独立的、完整的相关内容块,可独立于页面其他内容使用,
    //例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等等...
    

    布局效果显示:111

    在这里插入图片描述

    展开全文
  • html5的结构标签有利于seo

    千次阅读 2014-02-23 11:49:44
    使用html5新增的结构标签有利于seo
  • HTML——表格的结构标签

    千次阅读 2018-04-29 12:17:13
    在HTML 中除了对表格的设计标签外,还有一些标签是用来明确表格结构的,这些标签在源码中清晰的区分表格结构,HTML中规定了&lt;thead&gt;、&lt;tbody&gt;和&lt;tfoot&gt; 三个标签,分别...
  • 表格系列标签当中包含三个表示表格结构标签,分别是thead表示表格的头部,tfoot用来表格表格的注脚,tbody用来表示表格的身体。 例子:<!DOCTYPE html> <title>TABLE02 <!-- 给表格添加边框--> <tab
  • HTML框架结构标签(frameset)

    万次阅读 多人点赞 2018-06-17 10:14:32
    第一次了解到竟然还有HTML框架结构标签()。为此小编在实例中应用了一下,但是在搭建框架之初就遇到 了问题。为此总结本博客,以便大家能及时解决问题。 什么是HTML框架结构标签(&amp;lt;frameset&amp;...
  • HTML基本结构及基本标签

    千次阅读 2018-08-11 08:56:47
    什么是HTML: HTML是Hyper Text Markup Language的缩写,...HTML基本结构: &amp;lt;html&amp;gt;//用来标记HTML文档的开始 &amp;lt;head&amp;gt; //用来标记HTML文档头部的开始 &amp;lt;/...
  • HTML——结构与简单标签基础

    千次阅读 2020-06-24 22:03:05
    文章目录Web 标准构成HTML 初识HTML骨架格式HTML标签分类HTML标签关系文档类型字符集HTML标签的语义化为什么要语义化标签HTML常用标签排版标签标题标签 (熟记)段落标签( 熟记)水平线标签(认识)楚乔传小案例 ...
  • html文档的基本结构和常用标签

    千次阅读 2019-08-17 03:44:43
    什么是HTML2.标签、元素3.html文档的基本结构二、HTML中常用标签1.标题标签<h1>--<h6>2.段落标签<p>3.常见的转义字符4.<i>和<em>5.<b>和<strong>6.<u>7.<br>...
  • 电子货架标签——系统结构

    千次阅读 2018-01-20 16:21:29
    电子货架标签需要一整套的硬件设备协同才能够实现相应的功能,具体的系统结构如下: 扫描枪负责配对,基站负责传输数据,标签用于显示商品内容,服务器管理着商品的数据信息。
  • HTML之框架结构标签的简单使用

    万次阅读 2017-11-27 22:51:23
    框架标签的简单使用 框架: 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面...框架结构标签 该标签定义如何将窗口分割为框架,每个frameset定义了一系列行或列(rows或cols),他们的值规定了每行或每列占
  • HTML5 新增结构标签(元素)

    千次阅读 2016-10-16 23:38:03
    本着学习并记录的态度,把看过的记录记录,为自己回顾用,和新人踩坑用。 注意:h5新标签用兼容性问题,不过现代浏览器基本可以不用考虑这个兼容性了。 HTML5新增主结构元素和非主结构元素
  • 关于HTML--结构标签

    千次阅读 2017-04-17 21:18:47
    今天主要介绍一些html5新的结构标签
  • HTML5基本结构标签

    千次阅读 2020-05-22 14:24:02
    <!DOCTYPE html> <html> <head> <title>我的第一个HTML5页面</title>...HTML5HTML5基本结构DOCTYPEbasemetastylelinkscriptboby注释字符实体图像文件HTML4.01转换为H
  • DW-HTML文件基本结构和基本标签

    千次阅读 2017-12-09 17:28:58
    html文件的结构:一个HTML文件是自己固定的结构的。  网页标题  ...网页文件内容 ① 称为根标签,所有的网页标签都在>中。反思我们实践时出现的问题 ② 标签 用于定义文档的头部,它是所有头部...
  • HTML5基本网页结构以及标签的改变

    万次阅读 2017-07-29 11:07:21
    HTML5基本网页结构以及标签的改变
  • HTML基本组成结构标签

    千次阅读 2017-06-14 15:15:24
    其实组成结构用一张图来简单了解下如下 目前一般网站的结构是会如此不是很清晰简单 先来说说header头部 这样是不是更加清楚了 导航栏是引导用户查看网站内容的快捷入口,打个比方例如你去超市买...
  • 问题1:两种声明什么不同? ...答:第一种形式声明了一个结构标签,第二种声明了一个“类型定义”。主要区别在于第二种声明更抽象一些,用户不必知道它是...但是使用结构标签声明的结构就必须用这样的形式定义:
  • 【h5】 h5标签结构定义

    千次阅读 2016-05-28 23:59:49
    结构标签:  标记定义一篇文章  标记定义一个页面或一个区域的头部  标记定义导航链接  标记定义一个区域  标记定义页面内容部分的侧边栏  标记定义文件中一个区块的相关信息  标记定义一组媒体内容以及它们...
  • 本文讲了讲我们在解决序列标注问题中将分类标签引入RNN网络结构的一次不成功的尝试。
  • dl dt dd认识及dl dt ...结构语法 dl dt dd案例 dl dt dd总结 一、dl dt dd认识 - TOP html 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签
  • 网页头部 网页head标签中必须要设置title标签 <title> </title> 网页标题 <body> </body> 网页的主体 页面的内容基本都是在body里 ''' <html> <head> <title>网页
  • html基础-1-树形标签结构

    千次阅读 2020-05-05 22:58:35
    html的特征是基于标签识别渲染源码,更确切的说是标签树,都是从html这个根标签写起,其下常包括head和body两个处于同一级别的子标签,分别负责浏览器头部(可暂时理解为网址框)以及网页主体的设置。 <html> ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 675,221
精华内容 270,088
关键字:

属于结构标签的有