初学html5

1.DOCTYPE html为版本规范  整篇文章只出现一次

2.<html></html> 根标签 也是出现一次

3.<head></head>头部标签

4.单标签  一般都有特别的展示效果  去掉斜杠也可以使用    常见的单标签有 <br />   <hr />

5.双标签   有标签的开始和结束,中间部分可以嵌套其他标签,一般没有特别的页面展示效果   常见的双标签有   <div></div>   <span></span>

6.段落标签   一般用来写一个段落的   <p></p>属于双标签

7.图片标签

例如   <img src="img/无标题.png" alt="这是一个图片" />

其中src表示图片访问路径     可分为绝对路径和相对路径    绝对路径即电脑磁盘上的位置路径   相对路径指相对于本项目的路径  比如"img/无标题.png"

alt当图片加载失败时显示的描述

8.链接标签

例如  <a href="http://www.hao123.com" target="_self" title="淘宝">这是一个链接</a>

href表示访问连接  当访问外网时需要加上协议 http/https

trage表示访问方式   有: _self在当前页面访问        _blank打开新的网页

title表示对本页面进行描述

9.块标签    块标签可以设置宽度和高度并且独占一行     display属性值为block   常见的块标签有<div></div>

10.行标签   行标签不能设置宽度和高度   由内容所绝对    display属性值为inline

11.嵌套标签(父子关系)     子标签会继承父标签的宽度  子标签高度由内容支撑

12.组合标签  

无序组合  <ul><li></li></ul>

有序组合  <ol><li></li></ol>

自定义列表   <dl><dt></dt></dl>

13.emment html的快捷写法

父子标签    div>div + tab键

<div>
            <div></div>
</div>

兄弟标签   div+p + tab键

<div></div>
<p></p>

id名标签   div#id名 + tab键

<div id="lanou"></div>

类名标签  div.类名 + tab键

div class="lanou"></div

内容   div{内容}+    tab键盘

<div>我是一个</div>

顺序标签   div.div$*3 + tab键

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>















评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值