前端学习day01

目录

一、html基础

二、head标签

  三、基础标签-块


一、html基础

  注释:便于开发人员对开发项目解释和说明性的文字 。           快捷键是ctrl+/

              注释不会被 应用程序解析。

        html: 超文本标记语言,严格意义上来说,不是一个开发语言。

        html5: html的第五个版本,添加了一些新标签和api,使用H5必须在页面的开头添加以下代码。

        <!DOCTYPE html>:

        他的含义是 声明当前文档类型是html5 标准的文档,这样浏览器在解析渲染的时候会按照h5的标准解析。

        html文档是由标签组成:

        标签分为单标签和双标签,他们的闭合方式不同。

        单标签:<img />

        双标签:<div>内容</div>


二、head标签

head标签中的内容,不会渲染在页面中。

主要是 源信息标签:

        <meta /> 作用是:设置网站的源信息。

        charset属性:用来定义文本的编码格式

          UTF-8: 万国码,目前开发中最常用。

          gb2312:   中文码。

        通常都把charset的值设置成UTF-8,如果不设置charset属性,可能会导致页面乱码,解决方案是设置成utf-8即可。

        author属性,用来定义网站的作者,一般是公司的名字

        keywords 属性,用来定义网站的关键字,如果有多个关键字,用英文逗号隔开,关键字最好不要超过10个

        精准的keywords值,更加有利于SEO(搜索引擎优化)

        description 属性,用来简单的描述网站的内容,不要超过100字,有利于SEO(搜索引擎优化)

        <meta>的另一种写法:

        <meta name="属性名" content="属性值" />

        title 标签,它是一个双标签, 他的SEO权重很大,因此需要谨慎书写里面的内容

        body 标签里面的内容,会渲染在页面的可视区域

<meta charset="UTF-8">
<meta author="郑科班">  <!-- 网站作者 -->
<meta keywords="蔡徐坤,唱跳,rap,篮球"/>  <!-- 关键字 -->
<meta description="网站描述......">

  三、基础标签-块

1.div 标签: 没有任何意义的标签,通常用来进行页面布局。
2.h系列标签: h1-h6 标题

        在一个页面中,h1最多只能出现1次,h2最多出现20次,h3-h6次数不限。

        h1的用法:       (由于h1的权限较大,只能出现以下两个地方)

            1.logo处;

            2.咨询详情页的大标题;

3.p 标签:段落标签,它里面一般包含一段文字。
4.<hr/>:分割线
<hr noshade><!-- noshade:去除阴影 -->

 5.无序列表:ul > li

        可以设置他的 list-style-type 属性:

  1.   square:实心方块
  2.   circle:空心圆
  3.   dotted:实心圆(默认)   (disc:高版本系统下的默认样式)
  4.   none:取消列表样式
6.有序列表:ol>li

        可以设置他的 list-style-type 属性:

  1.         lower-alpha:小写字母
  2.         upper-alpha:大写字母
  3.         lower-roman:小写罗马文
  4.         upper-roman:大写罗马问
  •    <!-- 
            1. li里面可以随意放标签,但是ol里面只能防止li,
            2. 数字是自动生成的。 
            3. type:1,a,A,i,I
               start(开始): 取值只能是一个数字
        -->
        <ol type="a" start="27">
            <li>把冰箱打开</li>
            <li>大象装进去</li>
            <li>冰箱关上</li>
        </ol>

7.定义列表:dl>dt,dd

          dl:定义列表的父元素

          dt:块标签,定义列表的 标题项

          dd:块标签,定义列表的 列表

8.address 地址标签,一般的,它的内容是一个地址项。
9.blockquote引用标签,一般引用的是一段文字,他的cite属性表示该文字引用的文献名目。
<blockquote cite="毛主席语录">要想知道梨子的味道,你必须亲自尝一尝</blockquote>

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值