发表于： 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 特殊文字
空格
< 小于号
> 大于号
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标签，表单控件
遇到的问题：暂无。
收获：了解更多常用标签功能和使用方法。
返回列表
评论