发表于: 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标签,表单控件
遇到的问题:暂无。
收获:了解更多常用标签功能和使用方法。
评论