html简介和基本介绍

HTML概述

HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。

HTML文件快捷创建

新建一个html文档后,可以用快捷键的方式快速创建html文档。快捷键:!+tab键,或者 html:5+tab键

html标签语法

1.通用块容器标签
	<div>这是一个div元素</div>
2.标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
3.段落标签
<p>本人热爱研究技术,热爱编程,希望能在努力为企业服务的过程中实现自身价值。</p>
4.超链接标签
<a href="http://www.baidu.com">百度网</a>
5.通用内练系标签
<span>特殊标志或样式</span>(一般用于要特别注释的地方)
6.图片标签
<img src="图片路径" alt="图片名字" />
7.换行标签
<p>这是一行文字,<br>这是一行文字</p>

html的注释

<!-- 这是一段注释  -->(CTRL+/)快捷键

html字符实体

空格的表示符:&nbsp;
大于号的表示符: &gt;
小于号的标识符:&lt;

相对地址与绝对地址

相对地址

相对于引用文件本身去定位被引用的文件地址,以上的例子都是相对地址,相对地址的定义技巧:
“ ./ ” 表示当前文件所在目录下

比如 :“./pic.jpg” 表示当前目录下的pic.jpg的图片,这个使用时可以省略。

“ …/ ” 表示当前文件所在目录下的上一级目录
比如:“…/images/pic.jpg” 表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片。

绝对地址

相对于磁盘的位置去定位文件的地址,

比如:<img src="C:\course5\03day\images\001.jpg" alt="图片" />

绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件,相对地址就没有这个问题。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值