HTML基础

HTML

超文本标签语言(Hyper Text Markup Language)

文章有开头,正文,结尾等

同样

网页有整体,头部,标题,主体

网页的固定结构是要通过特点的HTML标签进行描述的

     整体 <html></html>  头部<head></head>  标题<title></title>  主体<body></body>

     这里我全部使用utf-8字符集避免字符集不统一出现乱码的情况。

段落标签:

paragraph段落;p

<p>段落文字</p>     备注:<></>双标签

水平线:horizontal横线;hr

<hr>                         备注:<>单标签

换行标签:

break打断,换行;b

<br>

没有语义的布局标签-div(divsion分割)和span(跨度,范围)

场景:

实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签

div标签: - -行只显示一一个(独占一行)

<div>文字</div>

spar标签: - -行可以显示多个

<span>今日头条</span>

文本格式化标签:

场景:需要让文字加粗 下划线、倾斜删除线等效果

标签

说明

 标签

 说明

b

加粗

 strong

加粗

u

下划线

ins

下划线

i

倾斜

em

倾斜

s

删除线

del

删除线

语义: 突出重要性的强调语境

图片标签:

标签的完整结构图:

     属性名 属性值

           ↑      ↑

<im$ src= "  "  alt="   ">    属性名="属性值"

         标签属性

属性注意点:

1.标签的属性写在开始标签内部

2. 标签上可以同时存在多个属性

3. 属性之间以空格隔开

4. 标签名与属性之间必须以空格隔开

5.属性之 间没有顺序之分

绝对路径:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径

例如:

盘符开头: D:\day01\images\1jpg

完整的网络地址https://www.itcast.cn/2018czgw/images/logo.gif (了解)

相对路径(常用):

从当前文件开始出发找目标文件的过程

相对路径分类:

同级目录

下级目录

上级目录

后面笔记续上,,,,,,

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值