大家好,我是游快乐,专注科技科普,现阶段分享Web全栈,下阶段分享区块链全栈,快乐分享,值得关注~
Web全栈
这篇分享html基础知识点。
字符集:网页乱码怎么办?是字符集的问题!常见的字符集有GBK,gb2312,UTF-8,通过来设置。其中GBK,gb2312可以处理中文和英文,UTF-8可以处理世界上所有的文字。常用标签:在网页中如何设置标题?如何设置一段文字?如何显示一条分割线?标题标签:设置网页中的标题,独占一行,有6个,h1~h6,例如:
我是标题1
我是标题2
我是标题3
我是标题4
我是标题5
我是标题6
段落标签:设置一个段落,独占一行,例如:
我是一段文本
hr标签:设置一条分割线,独占一行,是单标签,例如:
img标签:在网页中如何显示图片?1.img标签中的img其实是英文image的缩写所以img标签的作用, 就是高速浏览器需要显示一张图片2.img标签格式:
其实img标签中的src是英文source的缩写所以img标签中的src就是用来告诉img标签, 需要显示的图片名称3.注意点- 和H系列标签/p标签还有Hr标签不一样, img标签不会独占一行- 如果指定了img标签显示的图片的宽度和高度, 有可能会导致图片变形, 那么如果有想指定宽度和高度, 又不想让图片变形. 我们可以只指定宽度和高度其中的一个值即可- 只要指定了高度, 系统会自动根据高度计算出宽度, 只要指定了宽度, 系统会自动根据宽度计算出高度, 并且都是等比拉伸的, 也就是说不会变形4.img中的其它属性width: 宽度height: 高度所以在img标签中width/height这两个属性的作用, 就是用来告诉img标签将来需要显示的图片有多宽有多高如果img标签没有指定需要显示的图片的宽高, 那么系统会按照图片默认的宽高来显示如果img标签指定的宽高, 那么系统会按照指定的宽高来显示title: 用于高速浏览器, 当鼠标悬停在图片上时, 需要弹出的描述框中显示什么内容alt其实是英文alternate的缩写, 它的作用就是用于高速浏览器, 当需要显示的图片找不到时显示什么内容在网页中如何换行?可以使用br标签1. br标签作用: 换行2. br标签格式:
3. br标签的注意点:3.1多个br标签可以连续使用, 使用了多少个br标签就会换多少行3.2由于HTML的作用就是用来给文本添加语义, 而br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签路径问题:什么是相对路径?什么是绝对路径?如何设置文档路径?其实想给src属性赋值有两种方式1.通过相对路径赋值(掌握)相对路径就是每次都从当前文件所在的文件夹开始查找, 我们称之为相对路径1.1同级,./表示当前目录同级就是目标文件和当前文件存储在同一个文件夹中格式: src="QRCode.jpg" 等同于src="./QRCode.jpg"含义: 在当前文件所在的文件夹中查找名称叫做QRCode.jpg的图片1.2下级下级就是"存储目标文件的文件夹"和当前文件在同一个文件夹中格式: src="images/QRCode.jpg"含义: 在当前文件所在的文件夹中找到名称叫做images的文件夹然后再在images文件夹中找到名称叫做QRCode.jpg的图片1.3上级上级就是"存储目标文件的位置"和当前文件在同一个文件夹中格式: src="../QRCode.jpg"含义:在当前文件所在的文件夹中找到这个文件夹的上一级文件夹, 然后再在上一级文件夹中找到名称叫做QRCode.jpg其中../代表找到当前文件夹的上一级文件夹,而./表示当前文件夹2.通过绝对路径(了解)绝对路径就是每次都从指定的盘符开始查找windows系统:格式: src="D:HTML基础QRCode.jpg"含义: 在D盘下找到HTML基础文件夹, 然后在HTML基础文件夹中找到名称叫做QRCode.jpg的图片linux系统:格式:src="/HTML基础/QRCode.jpg",表示从根目录开始查找HTML基础文件夹,然后在HTML基础文件夹中找到QRCode.jpg注意:1.路径中不要出现中文, 否则可能出现未知问题2.如果是通过"相对路径"来指定图片, 不能跨盘符2.1例如.html文件在C盘, 那么不能去查找D盘图片今天分享到这,明天继续更新连载,值得关注和收藏,方便利用碎片化时间学习、复习或者需要查询文档的时候看。若有问题,留言区见。