HTML基础知识点

常用后缀名:
文本文档:.txt
excel:.xls或.xlsx
word:.doc或.docx
ppt:.ppt或.pptx
mp3:.mp3/.wav/.wma
视频文件:.rmvb/.mp4/.mkv/.avi

html:.html或.htm

-----------------------------------------
html
html是超文本标记语言
后缀名: .html或.htm

开发html工具
1、记事本
2、vs2012
3、Dreamweaver

基本语法如下:
<html>
<head>
<title>标题</title>
</head>
<body>
内容
</body>
</html>

剖析:
html是根节点
head是头信息
title是标题
body是主体内容部分
img是图片
p是段落
h1~h6是标题标签(h1字体最大....h6字体最小)
font是字体
b是粗体
strong是粗体
i是斜体
u是下划线
sub是下标
sup是上标
br是换行
hr是水平条(设置hr的粗细属性为:size,设置hr的背景颜色属性为:color)
marquee是图像与文字的滚动[环绕标签]
a是超连接
em是斜体
&nbsp;是空格
&copy;是版权
&trade;是商标
<!--注释内容--> 特点:注释不会显示在网页上,是给编程人员提供说明


核心代码:
*邮件:<a href="mailto:65422933@qq.com">联系老师</a>
*图片:<img src="图片位置和名称及后缀名"/>


新建站点步骤:
1、站点-新建站点-给站点名称和位置











------------------------------------------------------------------------------
水平条
*<hr width="宽度" color="线条颜色" size="粗细" />
段落标签
*h1~h6注意h1最大h6最小
*<h1 align="center/right/left">内容</h1>
字体
*<font size="大小" color="字体颜色" face="字体">内容</font>
换行
*<br/>
粗体
*<b>内容</b>

*<strong>内容</strong>
段落
*<p>内容</p>
图片
*<img src="路径" alt="提示消息" border="边框" align="对齐方式" width="宽度" height="高度" />
图像与文字的滚动
*<marquee scrolldelay="滚动延时" direction="滚动方向">内容或图片</marquee>
*滚动方向:up/down/left/right,默认从右向左
*滚动延时:默认是90毫秒

设置鼠标放在上面则停止,移开则继续移动
<marquee scrolldelay="滚动延时" direction="滚动方向" onmouseover="this.stop();" onmouseout="this.start();">内容或图片</marquee>
超链接
*<a href="链接地址" target="提交的目标窗口位置">内容或图像</a>
*提交的目标窗口位置:_self(自身窗口打开),_blank(新建窗口中打开)等
超链接锚点
*创建锚点:<a name="锚点名">内容</a>
*跳转到锚点:<a href="#锚点名">内容</a>
注意:1、一个页面中可以从一个位置跳转到当前页面的某个锚点
2、可以从一个页面跳转到另外一个页面的某个锚点
电子邮件:
*<a href="mailto:邮箱地址">联系我们</a>
上标
*<sup>内容</sup>
下表
*<sub>内容</sub>
斜体
*<i>内容</i>

*<em>内容</em>

&nbsp;是空格
&copy;是版权
&trade;是商标

<!--注释内容-->

posted @ 2015-03-15 15:58  酸酸の柚子  阅读(103)  评论(0编辑  收藏  举报