初学html总结

 
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唯一的注释是: <!-- -->
 
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值