Html 标签充当什么角色?
标签是网页的组成部分.HTML标签是 组成网页的骨架
有的是内容展示;
在审查元素功能中,标签全部都处于elements 中体现.
新建HTML文档的两种方法:
1 editplus中新建.
2 直接新建文件,更改后缀名.
网页所有的内容都是在 <body> 标签里写.
双标签: <body> <div> ,<style> 等, 90%的标签都是双标签
单标签. <meta>.
h 标签, 从h1 到 h6 都是有权重的,
h1 权重最高.用在最重要的地方: 主标题 新闻的主标题, 网站的 Log 处. 只能出现一次
. h2 此标题.
H2-h6没有次数使用的限制.
盒子标签 : 布局.
p
p 标签: 段落标签. 会有换行的效果.
不管编辑器中有多少 个空格, 在网页中 只能解析成 一个空格.
实例:
列表标签: ul li 几个内容或者布局基本类同或者相似的时候是一样的.时候
ul 定义无序列表 ul 和 li 是父子级关系. 之间是不允许存放其他的标签
代码中严格缩进,是必须要遵守的. 可以直接找到父子关系.
标签的默认样式:
默认样式是 很丑的.或者是不符合我们设计需要的.需要清除.我们在<style>标签内写样式.进行编辑.更改.
用 none 来取消 默认样式.
还可以将默认设置成方块.
空心圆
总结:
继承
继承的条件
有序列表 ol
li 列表项
效果如下. 数字没有实际的意义.只是展示效果.
不通过css 控制 ,通过属性 , type 来控制
同样是用 none 来取消默认样式.
ol 和 ul 没有严格的使用限制,但 习惯上都使用, ul li 组合.
术语:
dl: 定义
d
t
dd
用于 对话的效果. 解释的效果.
朱雀:
我特别喜欢81期学生.
你们都是优秀的.
综合展示:
上面的标签都是 大的架构标签. 还有好多,小的 标签. 合理使用每一种
单独控制一行文字里面的 一些 词组. 用到 span 标签.
在span标签里 书写 style 样式.来控制
span 赋予样式的标签, 文字特效 标签(如单独变色. 变大) 是最弱的内容标签
p 标签没有换行效果.里面不能添加 换行效果的标签. 会出现错误
div 里面是可以存放任意标签的.
倾斜标签 : i 标签. 充当内容.
i 除了倾斜 还可以存放 阿里图标. 可以通过字体大小一样来控制大小.
这样一些 只有 样式,没有其他功效的 纯样式的标签 妖艳的标签好多都弃用了
strong 加粗
em 标签
推荐的部分 强调标签
br 标签 换行标签
不利于维护 少用.
hr 标签. 分割线. 标签. 也不要使用了. 在写笔记的是时候可以用一下
img 标签. 单标签. 四要素
src 路径: 绝对路径 网路绝对/本地绝对
相对路径
alt 图片的描述
宽度属性
高度属性
a 标签 非常重要
img 背景图片, 单标签
写作业的时候不要用本地绝对路径. 自己的 C盘和老师的 不同.
不同的文件夹内引用图片.需要敲门进入.才能引用.
也可以写: ./
多层文件夹的时候,多次敲门,一层一层敲.
出门引用
在不同的文件夹内,出门后,再敲门 找到文件夹.
图片的大小,并不由标签属性控制,通过css属性控制. 宽高属性里只写图片的实际大小.
title 属性
作业要求
随堂笔记,仅供复习