黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移

<html></html>-----HTML标签,
<head></head>----文档的头部
<titile></titile>----文档的标题
<body></body>----文档的主体
<!DOCTYPE html>文档类型声明标签
en定义语言为英语
zh-CN定义语言为中文(en就是英文网页zh-cn就是中文网页)
GB2312简体中文 ,
BIG5繁体中文,
GBK包含简体中文和繁体中文,
UTF-8万国码,
标题标签:<h1>-<h6>(重要)
<h1></h1>:一级标签, 作为标题使用
特点:
1.加了标题的文字会加粗,字号也会依次变大
2.一个标题独占一行。
<p></p>段落标签
特点:
1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙
换行标签<br/>
特点:
1.是单个标签
2.只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
加粗标签
<strong></strong>
<b></b>
倾斜标签
<em></em>
<i></i>
删除线
<del></del>
<s></s>
下划线
<ins></ins>
<u></u>
<div>和<span>标签
<div>和<span>是没有语意的它们就是一个盒子,用来装内容的。
特点:
1.<div>标签用来布局,但是现在一行只能放一个<div>。大盒子
<span>标签用来布局,一行上可以多个<span>。小盒子
图像标签
<img>标签用于定义页面中的图像
<img src="图片名称.后缀名"/>
alt 替换文本 图像显示不出来的时候用文字替换
title提示文本,鼠标放到图像上提示的文字
<img src=“图片名称.后缀名” alt=“提示文本” title = “替换文本”/>
图像标签
src 图片路径---必须属性
alt 文本 ---替换文本,图像不能显示的文字
title 文本 ---提示文本,鼠标放在图片上,显示的文字
width 像素---设置图像的宽度
height像素---设置图像的高度
border像素---设置图像的边框粗细
同一级路径, ,图像文件位于HTML文件同一级 如<img src="baidu.gif"/>
下一级路径,/ ,图像文件位于HTML文件下一级 如<img src="images/baidu.gif"/>
上一级路径../ ,图像文件位于HTML文件上一级 如<img src="../baidu.gif"/>
绝对路径
超链接标签
1.超链接的语法格式:<a href="跳转目标"target="目标窗口的弹出方式">文本或图像</a>
href 用于指定链接目标的url地址,(必须属性)
target 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开的方式