分享好友 最新动态首页 最新动态分类 切换频道
html常用标签1
2024-12-26 03:53

<title>网站的总标题

html常用标签1

1.标题标签  h1~h6

语义:用标题标签包裹的内容就是标题

          标题标签也会帮助seo进行推广,h1到h6,语义是逐步降低的

          h1的语义最重,所以一般情况下,一个页面就用一个h1

          常用的h1-h3

         默认样式:字体会加粗,从h1-h6字体大小是逐步变小,会独占一行

关注语义,而不是样式

2.段落标签<p></p>,段落标签用于表示内容中的一个自然段

       语义:用段落标签进行包括,其内容就表示是一个段落

       默认样式:会独占一行,段落与段落之间有较大的间距

3.hgroup标签<hgroup> </hgroup> 用来为标题分组,可以将一组相关的标题同时放入到hgroup

4.强调标签 

    em标签用于表示语音语调的一个加重, 行内元素(inline element

    strong表示强调,重要内容,强调

    em和strong都不会独占一行

<!-- 面试题:html中有两个强调标签,它们的区别是什么

     样式上:em强调,字体会变斜体

            strong强调,字体会加粗

     语义上:em是语音语调的强调

           strong是具体内容的强调

    在实际的开发过程中,一般不做区分,两个强调标签都可以使用 -->

eg

 

5.center  居中效果

  <center>

      <h1>法巴登整。</h1>

      <p>到憾文韩一得决位孔。</p>

      <p>到憾文韩一得决位孔。</p>

      <p>到憾文韩一得决位孔。</p>

      <p>到憾文韩一得决位孔。</p>

    </center> 

6. q 表示短引用

    默认样式:会在文本外面加双引号

            不会独占一行

<q>他低斯哥处生有书系。</q>

    <q>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, dolore.</q>

  

7.换行标签  br  强制换行

    <p>

      秦互气为游子的事皇得,<br />

      云不巴仃分投忧娟喜力给也韩战将,<br />

      会当今少,<br />

      他冇生,<br />

      介胜家。<br />

    </p> 

8.分割线   单标签

     <hr />

9.使用del标签来表示一个删除的内容

    在文本的中间会有一根删除线,它也不会独占一行

<del>要与原为色,你定的。</del>

    <p>

      原价:<del>9999</del> <br />

      现价:9.9

    </p>

10.div 用来布局的,没有语义,会独占一行

    <div>

      今晚 教从者,谷为恩,洪。

    </div>

    <div>

      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum, blanditiis.

    </div>

11.span  没有任何语义,一般就用来包裹文字

    不会独占一行

    <span>你好</span>

    <span>hello</span>

    面试题: 请你简单说一说元素的分类,并举一些具体例子

     元素(标签)的分类  

        1、形式分

          双标签:h1-h6,p,strong,em,hrgoup,del ,div,span····

          单标签:br,hr,meta····

        2、特点分

          块标签:一般都是用来布局的

            (1)、会独占一行

            (2)、可以设置宽高

            (3)、如果不设置宽高,块元素的宽度是父元素的100%,块元素的高度是被内容撑开

            eg:h1-h6,p,hgroup,center,div

          行内标签:一般用来包裹文字

            (1)、不会独占一行

            (2)、不可以设置宽高,被内容撑开

            eg:strong,em,span,del····

          行内块标签

             (1)、兼具块标签和行内标签的特点,可以设置宽高,不会独占一行

             (2)、元素与元素之间会有3像素的空白间距,称三像素问题

            eg:img,input,button·····

        注意

          1、块标签里面什么都能放

        块标签里面可以放块标签,行内标签,行内块标签

          2、行内标签里面一般只放文字,不能放块标签

          3、有一个特殊的块标签 p标签

            它里面只放文字或图片,不能放块元素

          4、有一个特殊的行内标签 a标签

            它里面什么都能放,除了它自己

html5的新标签

      布局标签(结构化标签) 都是块标签

    header  网页的头部

    main  网页的主体部分(一般就一个

    footer 网页的底部

    nav  网页的导航

    aside  和主体相关的内容,侧边栏

    article  文章之类的

    section 独立的区块,上面的标签都不合适,就用这个  

        用来代替div

 
 

1、什么是实体

        浏览器会提前征用一部分的字符,例如大于号,小于号,空格,版权符号等等。

   如果程序员想用,可以用一些额外的字符去表示,这些额外的字符,我们叫实体

   

 

2、实体的语法

        &实体的名字; 

 3、常用的实体

        大于号:  &gt;

        小于号:  &lt;

        空格:   &nbsp;

        版权符号: &copy;

 列表(list) 一组一组  

            1:有序列表  用ol标签创建,li表示列表项

              默认样式

                列表项的前面有加1,2,3···项目符号

                列表项的前面有较大的间距

            2:无序列表  用ul标签创建,li表示列表项

              默认样式

                列表项的前面有加黑色实心小圆点

                列表项的前面有较大的间距

            3:定义列表  用dl标签创建,使用dd对内容进行解释说明

    注意

          1、常用有序列表和无序列表  而且在实际开发过程中,不需要特别区分有序或者无序

          2、有type属性,可以更改列表项项目符号  

            ol   type属性值:1,a,A,i,I

            ul   type属性值:disc,默认值,实心的圆点

                            square,实心的方块

                            circle,空心的圆

            实际开发过程中,我们会去除默认的项目符号

          3、列表可以相互嵌套   因为列表是块元素

          4、ol  li

            ul  li

            dl  dt dd

            是配合使用,一般情况,不在里面加入其他直接子元素


   

 

最新文章
王家河多金属选厂技改扩建及配套尾矿库建设工程环境影响评价公众参与第一次公示
卢氏中科矿业有限公司王家河多金属选厂技改扩建及配套尾矿库建设工程环境影响评价公众参与第一次公示根据《中华人民共和国环境影响评价法》《建设项目环境保护管理条例》(国务院令第682号文)有关规定和中华人民共和国生态环境部《环境影
用AI技术一键生成超逼真美女写真,全攻略来袭!
Midjourney:这是一个基于Discord的AI绘图工具,用户只需输入简短命令,即可生成高质量的艺术作品。Midjourney以其极高的细节和艺术效果而闻名,能够生成栩栩如生的美女画像,同时操作的学习曲线较为陡峭,适合对绘画有一定基础的用户。DAL
【孔子箴言故事】修德正身
《论语·宪问》中孔子说“骥不称其力,称其德也。”是说同样的马,为什么称千里马为骥呢?不只是因为牠有力气,人们主要肯定牠的品质啊!这里说一个伯乐相马的故事。“伯乐”两个字本来是指天上一个星的名字。此星掌管天上的天马。春秋时期
中小学老师必备的十个备课、教学工具!
在这个信息化教育的时代,孩子们早已是互联网的原著民。老师们都不想变成学生眼里的老古董,年轻老师眼里的老学究吧?下面特意为老师们整理了一些必备的教学工具,功能强大,简单好用,大大节省了老师的时间。多个学科都有哦。一、几何画板
天天酷跑11月8日每日一题深度解析与全面答案攻略
《天天酷跑》作为一款备受欢迎的跑酷类手机游戏,以其丰富的游戏内容、多样的角色和道具搭配,以及紧张刺激的游戏体验,吸引了大量玩家的关注和参与,而每日一题作为游戏中的一个特色环节,更是让玩家们在享受游戏乐趣的同时,增加了对游戏
保定百度爱采购运营-标题撰写技巧
百度爱采购该怎么做?百度爱采购的好处?网络推广重在推广,主要目的是利用各种网络推广渠道和推广方式,让尽可能多的人知道,让更多的人知道;网络营销的目的在于营销,即通过促销可以获得什么样的经济效益。下面给大家介绍关于百度爱采购
英雄联盟雷霆英雄全面战略指南
英雄联盟是全球最受欢迎的多人在线战术竞技游戏之一。其中,雷霆作为一个极具挑战性的英雄阵营,一直受到广大玩家的热烈关注。本文将为大家全面解析雷霆英雄的特点及应对策略,为您的英雄联盟之旅提供专业的战略指导。雷霆英雄包括拉克丝、凯
无锡爱采购代运营的选择
企业将首先考虑进入任何平台的成本和收益,尤其是对中小型企业而言。没有足够的资金和时间来一个平台是否有效。百度爱采购在这方面有什么具体优势?让我们互相了解一下。1.独家名片。在百度,的搜索结果中,会显示特殊的卡片来为企业创建品
分步拆解,使用Qwen大模型创建多语言聊天和翻译应用
随着全球化进程的加速,跨语言跨文化的交流和沟通越来越重要。如今,借助先进的AI技术,像Qwen 2 LLM这样的大语言模型,可以帮助快速开发出支持多语言的应用。 使用Qwen 2 LLM构建一个支持英语、中文、日语等多种
网站SEO排名优化的原理是什么
一、网站优化排名的对象是什么1、一个网站是由众多的网页组成的,网站是一个或者多个网页组成的。2、的对象是网页而不是网站,就像奥运会上的运动员得奖一样,针对的对象是运动员,而不是运动员所在的国家。关于网站优化排名的误区就是,一
相关文章
推荐文章
发表评论
0评