HTML基础

  1. 文件后缀名:代表当前文件的类型
  2. 网页的后缀名:.html
  3. html:Hyper Text Mark-up Language: 超文本标记语言

!DOC TYPE 声明文档类型

        html5的网页声明--告诉浏览器用html5版本的语法解析文件

        不是标签 声明语句

        必须写在html的第一行

html 网页根标签

定义整个html文档,包含head和body

<head>

        定义文档头部---头部信息---其中的内容不会显示在网页中

        包含:title、可以放文档的脚本文件(JavaScript)、样式(style)、met信息标签、tdk

<body>

        网页的主体内容---在浏览器窗口中能看到的内容都要写在它的内部

div标签:

        搭建网页结构的基本标签---盒子;无语义标签

        作用:是用来划分网页区块,里面可以嵌套任何标签

        特性:

                1、宽度默认撑满整个父元素

                2、高度默认由内容撑开

                3、独立成行,--垂直布局

h系列标签:标题标签 h1~h6

        标题标签中文字大小依次减小,重要程度依次减弱

        注意事项:h1标签有个页面中只能有一个,h2~h6可以有多个

特性:

        1、宽度默认撑满整个父元素

        2、高度默认由内容撑开

        3、独占一行---垂直布局

        4、自带外间距

        5、自带加粗效果

应用场景:

        文章页的标题、内容章节的标题

        logo

        产品的标题

p标签:段落标签

特性:
1、宽度默认撑满整个父元素
2、高度默认由内容撑开
3、独立成行--垂直布局
4、自带外边距
应用场景:
文章中的段落、也面中的文字快
注意:p标签里面不能再嵌套【块级标签】;例如:div、p、h系列

hr标签:水平分割线、块级标签

特性:
1、宽度继承父元素的宽度
2、高度默认为0
3、自带边框
4、自带外间距
作用:在页面中显示一条水平线
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值