说明:这里我只是总结一些html开发常用的东西,
具体开发中遇到的问题,可以去 www.W3C.org网站中学习。
1.web前端开发主要包括三个方面的内容:
①HTML:主要是网页的内容。
②CSS:布局和美化。
③JavaScript:炫的效果的产生!
2.HTML=HyperText Mark_up Language(超文本标记语言);
标签也称为标记或元素。→ HTML不是编程语言,而是一种描述性
语言,用于描述超文本中的内容的显示方式。
3.标签有开始,也必须有结束。
一个html文本包括:
<html>
<head>
<title>网页的标题</title>
</head>
<body>
网页的内容信息。
</body>
</html>
4. meta标签 → 它常用来放在<head>标签中。
说明:标签中“=”左边的称为标签的 属性。右边的称为标签的 属性值。
<1>.字符集:用来定义网页上显示的字符编码。
常见的字符编码有:
①英文:ISO-8859-1
②简体中文:GBK、GB2312
③繁体中文:big5
④通用的:UTF-8
一个设定字符集的“单标签”:
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<2>.定时刷新:
<meta http-equiv="Refresh" content="2"/> (表示每两秒刷新一次)
<meta http-equiv="Refresh" content="2";URL="http://www.google.com.hk"/>
(表示两秒后自动跳转到google主页)
<3>.网页的描述:主要是给搜索引擎用的,告诉搜索引擎你是干嘛的!!
<meta name="Description" content="描述性内容"/>
eg.<meta name="Description" content="美团网-中国最大的地方性服务团购网站" />
<4>.关键字:也是给搜索引擎用的。
<meta name="keywords" content="关键字"/>
eg.<meat name="keywords" content="团购,服务性行业,美团,美团网,团购网"/>
<5>.向搜索引擎示好,以便能搜索到我们:
<meta name="robots" content="index,follow"/>
<meta name="googlebot" content="index,follow"/>
(SE0的内容,以后有机会再给大家介绍啊!比如多更新你网站的内容,可以被搜索引擎抓取,
可以百度快照。。。这都是搜索引擎优化SEO,以前有机会在一起学习哈!)
5.html的常用标签:(标签可以嵌套使用啊!!★)
<b> → 字体变粗体
<i> → 字体变斜体
<u> → 文字加下划线
<br> → 换行 → 单标签 → <br/>
<pre> → 预格式化段落
<sub> → 下标 → X<sub>2</sub> 表示 X2(2是X右下方的小2)
<sup> → 上标 → X<sup>3</sup> 表示 x的三次方!
<hr> → 水平线 → 单标签 → <hr/>
<h1~h6> → 标题文本 → 注意: <h1 align="center"> 居中
<p> → 段落 → 换行并空一行
6.html的特殊字符:
7.背景控制
常用的图片格式:
①jpg
②png → 背景透明的图片(IE不支持)
③bmp → 体积过大
④gif → 体积小,可以使会动的图片。
⑤swf → flash图片。
8.字体控制
浏览器默认的字体为 宋体。
<font size="32px" color="blue" face="律书"> xxxxx</font>
9.图像标签:
说明:
(1.)图片一般不建议扩大或者缩小,即使缩小,也要按比例缩小,永不放大。
火狐不支持alt="提示性文字",我们可以用title="提示性文字" → 所有的浏览器都支持。
(2.)align="" 有top, middle, bottom, left, right, center几个值,它代表的是图片后面的文字在那个位置出现。
(3.)src=""写的不是绝对路径,而是相对路径。如:src="../p_w_picpaths/1.png"
10.列表:★常用★
11.超链接和锚标记
<1>.超链接
<a href="http://www.163.com">网易</a>
<a href="http://www.sina.com">新浪</a>
<2>.电子邮件超链接:★
<a href="mailto:wind@qq.com">给我发邮件</a>
<a href="mailto:hanchao@163.com">给我发邮件</a>
<3>.锚标记:
①定义锚标记: <a name="news">新闻开始</a>
②使用锚标记: <a href="#news">新闻</a> (注意以#开头)
12.marquee的学习
<marquee scrolldelay="100" dirction="up">
滚动文字或图像
</marquee>
说明:scrolldelay的越小表示越快。
注意:html唯一的注释是: <!-- -->