HTML01 - 标签
html 结构
网页声明，告知浏览器以 html 格式打开此文件
语言，lang="en" 英文，lang="zh-CN" 中文
content 的值为网页关键字，便于搜索引擎抓取网页
实现窗口自适应
tittle：网页标题
引入网页左侧图标，注：图标必须是 ico 文件
获取相应网站的 ico 图标：在相应网页地址后添加：/favicon.ico 后敲击回车，如www.taobao.com/favicon.ico
常用标签
文本中常用标签
超链接标签
在网页中添加超链接，<a></a>标签常用属性有三两个 href、title、target。
href：值为链接地址，可以是本地链接，也可以是网络链接。本地连接时注意路径和文件名必须正确，网络链接时"https://”必须要添加。
title：值为自定义内容，title 作用是：当鼠标悬停在超链接上时会显示自定义的文本内容。
target：跳转目标，可以缺省，有两个属性值：_blank、_self。
_blank: 在新窗口中打开链接；
_self: 在当前窗口打开链接（默认为此选项）。
href 不写值时，点击超链接文本刷新当前页面；
href=“#” ： 阻止当前页面刷新，即点击超链接文本时也不刷新当前页面；
href=“javascript:;” :阻止当前页面刷新，即点击超链接文本时也不刷新当前页面。
锚点
实现同一页面间快速跳转，常见功能“回到顶部”。
实现步骤
①在想要从别的位置跳转到的目标位置加上属性 id=“自定义”
②在需要跳转的位置加上 href=“#自定义"
图片标签
属性介绍
src="图片路径"
一、相对路径：从当前位置出发，图片相对于当前文件的位置，其中../意为上一级，/以为下一级。
二、绝对路径：从盘符开始的路径。
三、网络路径：在网络上找到的图片，鼠标右键选择”复制图像链接“即可获得图片的网络路径
title="自定义文本"
自定义文本：鼠标悬停在目标图片上时显示的文本，用以达到提示效果。
alt=”自定义文本“
自定义文本：图片加载失败时在原本图片的位置显示出该文本，用以达到提示效果。
width="正整数"
定义图片宽度，值为正整数，单位 px，有无单位均可
height=”正整数“
定义图片高度，值为正整数，单位 px，有无单位均可
注：width 和 height 只定义其中一个时，另外一个会等比缩放，为保证最好的显示效果，通常只定义其中一个
总结
块元素：独占一行，可以设置宽高
行内元素：不独占一行，不可设置宽高
行内块元素：不独占一行，可以设置宽高
版权声明: 本文为 InfoQ 作者【桃夭十一里】的原创文章。
原文链接:【http://xie.infoq.cn/article/df17e5f6121772dd12c6bfd8d】。
本文遵守【CC-BY 4.0】协议，转载请保留原文出处及本版权声明。
所思在远道 2020.08.19 加入
一只慢慢进步的小白
评论