常用标签---雀雀老师

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 属性

作业要求

随堂笔记,仅供复习

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值