html标签和css参数

一、HTML标签

1、实体标签:

  空格、

> 大于号

< 小于号

© 版本号

2、Meta标签:

charset 指定网页的字符集

name 指定的数据的名称

content 指定的数据的内容

description 用于指定网站的描述

title标签的内容会作为搜索结果的超链接上的文字显示 

keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用,隔开。

3、语义标签:

1、标题标签

h1 ~ h6 一共有六级标题

从h1~h6重要性递减,h1最重要,h6最不重要

标题标签都是块元素

在页面中独占一行的元素称为块元素(block element)

hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup。

em标签用于表示语音语调的一个加重。

strong表示强调,重要内容!

blockquote 表示一个长引用,  q表示一个短引用。  

2、布局标签:

(1)header 表示网页的头部。

(2)main 表示网页的主体部分(一个页面中只会有一个main)。

(3)footer 表示网页的底部。

(4)nav 表示网页中的导航。

(5)aside 和主体相关的其他内容(侧边栏)。

(6)article 表示一个独立的文章。

(7) section 表示一个独立的区块,上边的标签都不能表示时使用section。

(8)div 没有语义,就用来表示一个区块,目前来讲div还是我们主要的布局元素 。

(9)span 行内元素,没有任何的语义,一般用于在网页中选中文字。

4、块元素和行内元素的区别:

(1)块元素(block element)

            - 在网页中一般通过块元素来对页面进行布局

         行内元素(inline element)

            - 行内元素主要用来包裹文字

            (2)- 一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素

            - 块元素中基本上什么都能放

            - p元素中不能放任何的块元素

5、列表标签(html列表的三种创建方式):

            1、有序列表

       2、无序列表

            3、定义列表

(1)有序列表,使用ol标签来创建无序列表

             使用li表示列表项 

        (2)无序列表,使用ul标签来创建无序列表

             使用li表示列表项

(3)定义列表,使用dl标签来创建一个定义列表

             使用dt来表示定义的内容

                 使用dd来对内容进行解释说明

   使用:列表之间可以互相嵌套。

6、超链接标签

   使用 a 标签来定义超链接

      属性:

1、 href 指定跳转的目标路径

             - 值可以是一个外部网站的地址。

             - 也可以写一个内部页面的地址。

            2、target属性,用来指定超链接打开的位置

               可选值:

                 _self 默认值 在当前页面中打开超链接。

                 _blank 在一个新的要么中打开超链接。

            3、可以使用 javascript:; 来作为href的属性,此时点击这个超链接什么也不会发生

            4、可以直接将超链接的href属性设置为#,这样点击超链接以后,页面不会发生跳转。

可以跳转到页面的指定位置,只需将href属性设置 #目标元素的id属性值。id属性(唯一不重复的):</

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值