HTML骨架

2020-06-10 16:02:08来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

HTML骨架

本文只是复习HTML笔记

html 骨架:

DTD:文档类型定义,规定了使用哪个版本的html规范

html 标签:双标签,表示整个网页

head 标签: 配置HTML页面

  title: 网页标题

  meta :设置字符集 charset

body : 书写标签组成的网页

 

语法:

  标签之间对空格,缩进,换行不敏感,对嵌套关系敏感

  文本内容之间空白折叠现象

标签语法:

  标签名必须书写在一对尖括号中

  结束标签必须书写关闭符号/。

  双标签是成对出现的

  容器级标签:可以书写任何内容 h1

  文本标签:  只能书写文本类的内容不能书写容器级标签  p

 

属性  k="v"

 

h标签

  h1~h6:容器标签,给文本添加标题语义

  h系列标签之间不能互相嵌套

  约定俗成:h1标签权重最大,我么一般将h1渲染logo,提高搜索引擎优化。

       一个网页只能出现一个h1标签,如果书写多个h1标签,浏览器会认为h1自动降级。

p标签

  p:(English:paragraph)段落标签

  作用:给文本添加段落语义

  文本级标签,内部只能书写文本类的内容,文本、图片、表单元素、废弃元素

i标签  文本表亲,倾斜

img标签

  插入图片 (单标签)

  src :

    相对路径:

      同级查找:直接目标名称

      子级查找:每一层之间用/隔开,/表示下一层

      上级查找:../表示上一级(../只能书写在路径的开头)

    绝对路径

  alt :图片加载失败是提示的文本

  在设置图片大小时,只写一个width/height,会锁定宽高比值,但是要求网页加载速度,我们需要同时设置width和height

超级链接标签

  a(English:  anchor) :  锚点

    href :    属性值书写的是要跳转页面的路径(相对路径, 绝对路径, 加了前缀 http:// 或者 https:// 时时绝对路径)

         页面锚点跳转:  属性值:文件名#id属性名  

         例:<a href="#p1">页面内跳转锚点</a><a href="跨页面锚点跳转.html#p1"> | 跨页面内跳转锚点</a>

    target :  属性值设置页面打开方式

         默认值 :  在当前窗口打开

         _blank :  在新窗口打开

    title :  悬停提示文本

div和span

  div:大盒子(将一些相同的内容或者是像是的内容书写在div中表示一个整体)

    语义:大区域,大范围

    div是容器标签,独占一行

  span:小范围(文字)

    文本级标签,多个span并排显示(行内元素)

 


原文链接:https://www.cnblogs.com/qisha/p/12970220.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:发家致富的鬼bug。让人心动

下一篇:CSS导航栏下划线跟随效果