一些html标签与属性的了解

写在前面:有一些内容是是通过教程截图的,如有侵权,私聊删除!!!

对前端的认识:
H5 = HTML5 ≈ WEB前端 < 全栈
游览器:PC端(谷歌、火狐) 移动端(QQ、谷歌)
写网页:HTML(超文本标记语言) 规则由W3C制定


一些html标签与属性的了解
一些html标签与属性的了解

  • src、href、url 的区别
  1. url: 统一资源定位符 | 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它
  2. src: src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置,在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到script标签里类似。这也是建议把JS文件放到底部加载的原因。当然,img标签页与此类似。浏览器暂停加载直到提取和加载图像
  3. href: href (Hypertext Reference)网络资源的位置,浏览器识别当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被被暂停)。这与把css文件内容写在style标签里不相同,因此建议使用link标签而不是@import来吧样式表导入到html文档里
  • img的target属性:_blank(新窗口打开) title属性
  • 无序列表:type=‘disc\circle\square’ --> 实心圆\空心圆\实心方块
  • 有序列表:type=‘1 \ (大小写字母) \ (大小写罗马字母)’ --> 数字\字母\罗马字母
  • 其他标签:del(给文字加删除线)、sup标签(上标)、u标签(给文字加下划线)、center标签(文字居中)
    一些html标签与属性的了解

colspans\rowspan:表格属性用于合并单元格
th标签 = 加粗并水平加粗居中的td
colgroup标签
table>theader+tbody+tfooter
超链接、p标签、标题标签不能相互嵌套

一些html标签与属性的了解
一些html标签与属性的了解
一些html标签与属性的了解