学习笔记day1

HTML基础

1.在vs code中可以用ctrl+/来进行注释

2.html 超文本标记语言

3.html5是html的第五个版本,添加了一些新的标签和api,使用h5必须在页面前面的开通添加以下代码:

<!DOCTYPE html>

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

4.html文档是由标签组成

标签=起始标记+结束标记+标签属性+标签内容

标签可以分为单标签和双标签,他们的闭合放视不同

单标签例子

<img />

双标签例子

<div>内容</div>

HTML标签

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

2.源信息标签<meta />  作用是设置网站的源信息。

meta的另一种写法

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

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

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

        gb2312 中文码

通常会吧charset属性设置成UTF-8,如果不设置charset属性,可能会导致页面乱码,解决方案是讲charset属性设置成UTF-8即可

②author属性

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

③keywords属性

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

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

④description属性

        用来简单的描述网站的内容不超过100字,有利于SEO

3.title标签

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

4.body标签

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

基础标签(块标签)

标签分为行属性标签和块属性标签

块属性标签(独占一行,不换行)

1.div标签 

        没有任何意义,常常用来页面的布局

2.h标签

        h标签分为h1-h6 显示的为标题

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

        h1的用法:①logo处 ②咨询详情的大标题

                由于h1的权限较大,只能出现在以上两个地方

3.p标签

        段落标签,它的里面一般包含一段文字

4.hr标签

        分割线

        ps:br标签  换行符(既不是行元素,也不是块元素)

5.无序列表 ul > li

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

        square:实心方块

        circle:空心圆

        none:取消列表样式

        disc:高版本系统下的默认样式

        

6.有序列表  ol > li

        也可书写它的 list-style-type属性

        lower-alpha:小写字母

        lower-roman:小写罗马文

        upper-alpha:大写字母

        upper-roman:大写罗马文

ps: ol,ul,li 都是块属性标签 li是列表项,并且ol,ul的子元素,必须是li

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

        dl:块标签,定义列表的父元素

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

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

8.address地址标签

        一般的,他的内用是一个地址

9.blockquote引用标签

        一般引用的是一段文字,他的city属性 表示该文字引用的文献名目

ps:不要使用 html官方没有的标签,虽然也会被浏览器渲染,但是不符合w3c的规范

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值