极客学院web前端学习笔记 (二)Html5基础

html基础详解

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

1,声明:

html有很多版本,所以为了使浏览器正确区分我们所使用的是哪种版本,我们需要在代码的最开始添加一句声明

HTML5的版本:<!DOCTYPE html>

之前的版本则比较复杂

注:现在创建html文件直接就默认为html5了

html的基本标签

html标签:

内部包含其他标签,在整个HTML文件的头部和尾部

head标签:

一般包含头部信息:编码格式,标题,文字的显示形式等等

<title>...</title>内部放标题栏要显示的东西

h1...h6标签,p标签,a标签,img标签概况

<body>
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
<p>这个是p标签</p>这个是p标签后直接加文字
<p><a href="http://www.baidu.com">这是百度</a></p>
<p><img src="image/aaa.png"/></p>
</body>

html元素

html元素指的是从开始标签到结束标签的所有代码

<p>this is an example</p>
<br/>
<!--换行-->

开始标签(开放标签)+元素内容+结束标签(闭合标签)

空标签:(元素内容为空元素),一般标签内部最后加“/”

<p>这是元素内容</p>
这是加p标签后的元素内容
<br/>这是用br换行后的元素内容

大多数的html元素都可以嵌套使用

html属性

标签可以拥有属性为元素提供更多信息

属性以键、值对的形式出现  如href = "www.baidu.com"

常用标签属性:,<h1>:align ----------对齐方式

                            <body>:bgcolor----背景颜色

                            <a>:target-------------规定在何处打开链接

通用属性:           class----------------规定元素类名

                            id----------------------规定元素唯一id

                           style-------------------规定元素样式

                           title--------------------规定元素的额外信息

<a href="news.html" target="_blank">打开news</a>
<h1 align="right">默认是左的,现在为右</h1>
<h2 align="center">默认是左的,现在为中</h2>

 

 

 

 

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值