发表于: 2018-09-10 17:38:02

1 721


今天完成的事情:学习内容如下:

7. 格式化标签 

7.1 加粗

    a)<strong> </strong>

    b)<b> </b>

7.2 斜体

    a)<em> </em>

    b)<i> </i>

7.3 下划线

    a)<ins> </ins>

    b)<u> </u>

7.4 设置文字颜色或大小 (clolor, size属性)

    a)<font color="red/green/blue..." size(不带单位)=  >  </font>

7.5 删除线

    a)<del> </del>

    b)<s> </s>

8. 其他双标签: 下面两个标签仅在网页布局中使用,属无语义标签。

    a)<div> </div>

    b)<span> </span>


9. 图片标签:<img>,单标签,属于多媒体标签的一种,有独立的缩放比例关系。

9.1 属性

    a)src=" ":设置相对/绝对路径

    b)title=“ ”:设置鼠标悬停时文字显示

    c)alt:设置图片描述信息(不对用户展示,为搜索引擎服务) 

    d)width/Height:宽/高度

9.2 路径设置

9.2.1 绝对路径:路径中带有磁盘目录或网站地址

9.2.2 相对路径 

         a)必须保证在同一个根目录下

         b)没有磁盘目录或网站地址

  i)当前页面与资源在同一文件夹:src="图片名称" 即可。

 ii)当前页面在图片上一级目录,src="./文件夹名称/图片名称"    ./ 表示返回根目录。

 iii)当前页面在图片下一级目录,src="../图片名称",要返回几级文件夹,对应输入几个"../"。


10 超链接:实现页面跳转。

10.1 语法结构:<a href="目标页面路径">文字</a>

10.2 属性  

        a)target=“_self" (默认值,在当前窗口打开跳转页面)

             target=“_blank" (在新窗口打开跳转页面)

        b)要实现批量设置target属性,在<head>标签里加入<base target=" ">

        c)title:设置鼠标悬停时文字提示。

10.3 页面内跳转

       a)直接设置 href="#"

       b)锚链接:<a href="#标签中设置的id属性值)”>文字</a>

11 特殊文字

     &nbsp; 空格

     &lt; 小于号

     &gt; 大于号

12. 标签语义化:根据内容结构化(内容语义化),选择合适的标签(代码语义化)。

12.1 作用

      a)使网页语义性更明确(针对搜索引擎)。

      b)使网页结构更合理。

12.2 实现

      a)选择有语义的标签

      b)语义不明确时,选择有语义的标签

      c)如果要设置样式,用css更为合适


13. 语义标签:下列语义标签与div标签用法相同,但均具有语义。

      a)<nav> </nav> 表示导航区域

      b)<header> </header> 表示网页布局中的顶部

      c)<footer> </footer> 表示网页布局中的结尾

      d)<article> </article> 表示文章区域

      e)<aside> </aside> 表示网页布局中的侧边栏

      f)<section> </section> 表示区域


明天计划的事情:学习table标签,表单控件

遇到的问题:暂无

收获:了解更多常用标签功能和使用方法。



返回列表 返回列表
评论

    分享到