html常用标记及其使用方法,从html head body 元素标签的 1,<html> <head> </head> <body>
开始标记:<html>结束标记:</html> HTML文档就是是可以被多种网页浏览器读取,传递各类资讯的文件。 Internet(互联网)是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息。 浏览器就是翻译HTML文件显示出网页,这是网络浏览器的主要作用。当你使用浏览器在互联网上浏览网页时,浏览器软件就自动完成HTML文件到网页的转换。
1、标题标签: h1~h6 ctrl+1~6
2、段落标签: p ctrl+shift+p
3、换行标签: br shift+回车
4、水平线: hr
5、加粗标签: strong ctrl+b
6、倾斜标签: em ctrl+i
7、空格标签:
8、图片标签:<img src=’图片路径’ alt=’图片加载错误提示文字’ title=’鼠标悬停文字’ width=’宽度’ height=’高度’ />
9、超链接:<a href=’链接路径’ traget=’_blank’>文本/图片</a>
10、锚链接:
(1) 定义锚:给标签加id属性,id=”top”
(2) 跳转到锚:<a href=”#top”>top</a>
11、行级标签
1.Strong
2.Em
3.A
4.Img
12、块级标签
1.标题标签
2.段落标签
Display:inline-block设置元素具有行级标签和块级标签的属性
.da dl dd p:nth-of-type(1):当dd下面的段落p有好几个的时候,你有只想给第一个段落p加样式的时候用到这个!!!
Float:浮动
Z-index:层次 z-index:1比z-index:2 低一层
设置div半透明的代码:opacity:0.7;
设置div溢出隐藏的代码:overflow:hidden;
设置css的动画效果:transition: all 0.5s linear
设置css时图片在div中同比例放大或者同比例缩小:transform: scale(1.1)
Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有