HTML代码笔记教案.docx

1.完整的HTML文档htmlhead……/headbody……/body/html2.head内可加入：htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312/文字及语言meta http-equiv=refresh content=10;url=自动刷新定时跳转title标题标记/title meta name=”keywords” content=”插入页面关键字” meta name=”description” content=”设置页面说明” meta name=”generator” content=”定义编辑工具的名称” meta name=”author” content=”作者名” /headbody练习/body/html3.body内可加入：htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312//headbody bgcolor=背景颜色background=”背景图片地址”text=”文字颜色”link=”链接文字颜色”alink=”正在访问文字颜色”vlink=”访问后的链接文字的颜色”leftmargin=左边距topmargin=上边距/body/html4.文字标记htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312//headbodyh1标题字/h1 h2 align=对齐方式练习/h2标题字对齐方式（left、right、center）font face=”字体”文本字体Size=”字号”文本字号Color=”颜色” 文本颜色/fontb练习/b 粗体效果（还可以用strong）i练习/i 斜体效果（还可以用em或cite）u练习/u下划线练习sup2/sup 上标标记练习sub2/sub 下标标记big练习/big字号比原文加一级，可叠加使用smallsmall练习/small/small字号比原文小二级，可叠加使用/body/html5.段落标记htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312//headbody p align=”对齐方式”练习p 段落起始，可单一出现，对齐方式（left、right、center）br练习br练习换行，单一出现nobr练习/nobr不换行，用于文字过长 hr width=”像素值或百分比”水平分割线，单一出现，在两个段落之间，宽度size=”像素值“水平分割线高度color=”颜色”水平分割线颜色align=”对齐方式”水平分割线对齐方式（left、right、center）noshade 水平分割线去掉阴影/body/html6.使用图像htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312//headbody img src=”图像文件地址”alt=”提示文字”width=”宽度”height=”高度”border=”边框宽度”单位为像素vspace=”垂直边距”单位为像素，与文字的垂直边距hspace=”水平边距”单位为像素，与文字的水平边距align=”对齐方式”/对齐方式可以为left、center、right、middle、top、bottom/body/html7.图像的超链接8．列表有序列表htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312//headbody ol type=”序号类型” start=”起始数字” 序号类型有1、a、A、i、Ⅰ li练习/li li练习/lili练习/li/ol/body/html无序列表htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312//headbody ul type=”符号类型” 符号类型有disc、circle、square li练习/li li练习/lili练习/li/ul/body/html目录列表htmlheadmeta http-equiv=content-type content=text/html; charset=gb2312//headbody dir li练习/li li练习/lili练习/li