- div标签
- p标签
- span标签
- a标签
- img标签
html:超级文本标记语言
###1,div标签:
是在html中布局使用最多的标签,
div标签作用:起分割作用,是分割内容常使用的标签
例:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>第一个div</div>
<div>第二个div</div>
<div>第三个div</div>
</body>
</html>
div常用属性:
- color:颜色
- font-size: 文字大小
- text-align:对其方式
right 右对齐
left 左对齐
center 居中对齐 - font-family : 文字字型
- letter-spacing: 1pt 文字间距
- line-height: 设定行高
- font-weight:文字粗体
2,p标签:
标签它是一个段落标签,会自行起一行段落,并且可以作为一个盒子来使用。可以单独定义它。
例:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
< p>我是段落标签< /p>
</body>
</html>
3,span标签:
span标签是超文本标记语言(HTML)的行内标签,被用来组合文档中的行内元素。span没有固定的格式表现。
span标签属性:
-
标准属性
id, class, title, style, dir, lang, xml:lang -
事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
例:
<p class="tip"><span>内容</span>... ... ...</p>
###4,a标签(超链接标签):
超链接标签,用于在效果中定义一个可以点击跳转的链接
常用属性:
(1)href: 超链接跳转的路径 (必有属性);
- 内网本机路径:相对路径和绝对路径
- 互联网路径:http://地址
示例:
<a herf="http://www.baidu.com/">百度</a>
<a herf="demo html">demo</a>
(2) target:
该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词;
target可能的值:
- blank
- top
- parent
- self
(3) download:
此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件;
(4) rel:该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值;
5,img标签:
用于在页面效果中展示一张图片。
img标签常用属性:
- src:指明图片的路径。(必有属性)
- width:图片宽度
- height:图片的高度
- alt 属性
图片路径:
1)内网路径:
…/表示上一层目录
./表示当前目录
2)互联网路径:
必须前面加上http://
结尾
正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。
些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。