HTML 教案（精选9篇）
HTML 教案 篇1
《HTML基础》教案
教材：《dreamweaver cs3网页制作与实训》
执教：罗执清
一、教学目标：
1、了解HTML的概念、作用及特点
2、理解HTML文档结构
3、掌握标签的使用规范
4、了解常用标签的用法
二、教学重点：
1、HTML文件结构
2、标签使用规范
3、常用标签的使用
三、教学难点： HTML概念的理解
四、教学方法：
直观演示和任务驱动相结合
五、教学过程：
1、回顾站点管理相关操作
2、HTML概念及作用
3、HTML文件结构
：HTML文档开始。
：文档头部开始。：文档头部结束。
：文档主体开始。一个简单的网页：文档主体内容，它是网页的最主要部分。
Html语法 篇2
访问过的可连接文字的颜色
语法格式：
.leftmargin 页面左侧的留白距离.topmargin 页面顶部的留白距离
语法格式：
注：value为长度值为数字align 属性
语法：
文字
其属性有三种：left靠左,center居中,right靠右
〈p〉
为段落标记，可利用以上属性对整个段落进行设置〈br>为换行标记
例：
江南逢李龟年
HTML 头部 篇3
头元素包含关于文档的概要信息，也称为元信息(meta-information)，Meta. 意为“关于某方面的信息”。
可以这么说，元数据(meta-data)是关于数据的信息，而元信息是关于信息的信息。
头元素内的信息
头元素内的元素不会被浏览器显示出来。
根据 HTML 标准，仅有几个标签在 HTML 的头部分是合法的。它们是：, , , ,
这是一个不合法的结构：
This is some text
在这个案例中，浏览器有两种选择：
显示文本，因为它在段落元素中，
隐藏文本，因为它在头元素中。
假如你将
或者
之类的 HTML 元素像这样置于头元素之中，大多数浏览器都会显示它，即使这是非法的。
浏览器真的应该忽略这个的错误吗?我们不这么认为。即使别人这么认为。
Head 标签
HTML编写小经验 篇4
HTML中的几种常用特殊符号：
符号 替代指令
<(小于符号) <
>(大于符号) >
&(与符号) &
″(双引号) "
不可分的空格
其中，不可分的空格是指两个单词有时会因版面关系而分成两行，此时如果将两个单词之间的空格替代为 ，则它们将总是在一行中。
例1：在HTML中，语句
A+B
3>1
(显示为A+B3>1)
应写为
A+B<C
3>1
(显示为A+B1)
例2：′&′符一般不使用，只要不产生歧义，就不必用′&′替代，
如：
′if (ac)′可用语句
if (a<b&&b>c)表示，而不必用
if (a<b&&b>c)表示。
′<′则必须用语句<表示，而不能用<表示(显示为<)。
例3：替代指令中的英文字母在HTML语句中的大小写必须统一，即或者均为大写，或者均为小写，而不能大小写混合。如：
′<′符可用′<′或′<′表示，而不能用′&Lt′或′&lT′表示。
html和css总结 篇5
网页内容写在里面 分为两大类：行级标签和块级标签 行级标签以行为单位，不会自动换行 块级标签以块为单位，新建是自动换行 块级标签分为基本块级标签 标题标签到 段落标签
分割线标签
布局块级标签 有序列表标签
无序列表标签
- 标题
- …
| … | … |
| … | … |
图像标签 src 导入图片的地址，alt是当图片打不开时显示的文字，title表示鼠标悬停时提示的文字 链接标签
… Href 要打开链接的路径，target表示链接打开的位置，…表示点击那里触动链接 常用的超链接 页面间 锚链接 创建跳转标记
乙位置 创建跳转链接
甲位置 表示在页面上从甲位置通过name=“marker”跳转到乙位置。功能性链接
行级标签： 范围标签 用style设置属性 换行标签
表单元素： 单行文本框：text 密码框：password 单选按钮：radio 提交按钮：submit 重置按钮：reset 普通按钮：button 图片按钮：image 复选框：checkbox 下拉列表：select 文本域：textarea 文件域：file 下拉列表 文本域 其他都是 几个表单元素的属性需要特殊记忆 readonly 表示只读 disable表示禁用
selected表示下拉列表默认选中项
checked表示设置单选或者复选的默认选中项
name表示在服务器端可以通过该属性来获得表单元素的值
框架