HTML学习1

简介:

 说明:这里我只是总结一些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="../images/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的越小表示越快。
 
 

O()_))O~

 
注意:html唯一的注释是: <!-- -->
 



     本文转自韩立伟 51CTO博客,原文链接:http://blog.51cto.com/hanchaohan/927174 ,如需转载请自行联系原作者





相关文章
|
3月前
|
存储 数据安全/隐私保护
走进HTML学习二
走进HTML学习二
|
4月前
|
前端开发
【前端学习从青铜到王者】—HTML常用标签(二)
【前端学习从青铜到王者】—HTML常用标签(二)
|
4月前
|
前端开发
【前端学习从青铜到王者】—HTML介绍(一)
【前端学习从青铜到王者】—HTML介绍(一)
|
7月前
|
移动开发 JavaScript HTML5
HTML5 基础学习
HTML5 基础学习
33 0
|
2月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
48 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1
|
3月前
|
XML JavaScript 前端开发
走进HTML学习一
走进HTML学习一
|
3月前
|
移动开发 Python HTML5
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
47 0
|
3月前
|
JSON 定位技术 API
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
33 0