lession02HTML语言基础之文本1课件_第1页
lession02HTML语言基础之文本1课件_第2页
lession02HTML语言基础之文本1课件_第3页
lession02HTML语言基础之文本1课件_第4页
lession02HTML语言基础之文本1课件_第5页
已阅读5页，还剩27页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

lession02HTML语言基础之文本兰晶lession02HTML语言基础之文本启动和退出Dreamweaver8单击“开始”按钮，在开始菜单中依次选择“程序”—“Macromedia”—“MacromediaDreamweaver8”，启动Dreamweaver8程序。启动Dreamweaver8后出现开始界面。lession02HTML语言基础之文本lession02HTML语言基础之文本新建网页菜单栏中“文件”|“新建”命令||标准工具栏上的按钮“新建文档”对话框中选择“基本页”选项中的“HTML”保存网页菜单栏中“文件”|“保存”||标准工具栏上的按钮关闭网页菜单栏中“文件”|“关闭”||单击文档的窗口右上角的“×”打开网页菜单栏中的“文件”|“打开”||选中文件拖拽到DW中的标签栏预览网页菜单栏中“文件”|“在浏览器中预览”|“Iexplore6.0”使用快捷键为F12在文档工具栏中单击，选择在浏览器中预览lession02HTML语言基础之文本空格ctrl+shift+space硬回车enter软回车shift+enterlession02HTML语言基础之文本P28图2.6请使用DW编辑出这个故事新建一个页面保存这个页面设置页面的标题段落要分隔首行要空两个汉字的距离lession02HTML语言基础之文本

HTML（HyperTextMarkupLanguage）又称超文本标识语言，是一种标识性的语言，是网页设计的最初语言。文件的扩展名:“html”或“htm”。简单的HTML文档

<html>

<head>

<title>你好！</title>

</head>

<body>

Hi,大家好！

</body>

</html>HTML简介1．围堵标记

格式：<标记>……</标记>2．单标记格式：<标记/>只有起始标记，没有结束标记。3．标记属性格式：<标记属性1属性2属性3……>各属性间无前后顺序，属性也可省略，当省略属性时取标记的默认值。完整的HTML

标记放在“<>”内 页面内容要放入页面内的文本、图像、多媒体文件等

HTML文档的基本结构：

<HTML>文件开始

<HEAD>标头区开始

<TITLE>...</TITLE>标题区

</HEAD>标头区结束

<BODY>文件主体内容开始

文件主体内容……

</BODY>文件主体内容结束

</HTML>文件结束

其中<HTML></HTML>之间表示这是个网页文件，是必有的标记。HTML语法结构人——头头——躯干

｜姓名lession02HTML语言基础之文本一个标签必须是嵌套在另一个标签内使用的。大小括号原则P18lession02HTML语言基础之文本请试着写出一个标准的html文件，其文件的标头为自己的名字，内容为自己的爱好。<html><head><title>Tom</title></head><body>MynameisTom.Ilike……</body></html>lession02HTML语言基础之文本空格的HTML码为

lession02HTML语言基础之文本段落标记有两种：<br/>和<p>…</p><br/>相当于是软回车，<p>…</p>相当于是硬回车，一个<p>…</p>相当于是两个<br/><p>…</p>标记的属性中须掌握的是align属性,有三个left/right/center

例如：<palign=left>文字</p>lession02HTML语言基础之文本P28图2.6请使用记事本编辑出这个故事的html页面设置页面的标题段落要分隔首行要空两个汉字的距离lession02HTML语言基础之文本lession02HTML语言基础之文本要求在DW中制作《游子吟》的页面：设置标题文字大小及颜色诗文题目为“标题一”作者信息为“标题三”作者姓名为斜体文本居中换行游子吟作者：孟郊慈母手中线，游子身上衣。临行密密缝，意恐迟迟归。谁言寸草心，报得三春晖。lession02HTML语言基础之文本

粗体

<b>...</b><strong>...</strong>

请试着写出斜体我是粗体

的HTML源码，若下划线的标记是u,则请试着写出我是下划线的HTML源码

<b>我是粗体</b>

<strong>我是粗体</strong>

<u>我是下划线</u>lession02HTML语言基础之文本

斜体

<i>...</i><em>...</em>

请试着写出斜体我是斜体

的HTML源码

<i>我是斜体</i>

<em>我是斜体</em>标题显示等级语法格式为：

<Hn>…</Hn>

n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大。可以用align属性设置对齐方式，常用的有左对齐，居中，右对齐三种对齐方式。lession02HTML语言基础之文本lession02HTML语言基础之文本要求在记事本中制作出页面：设置标题文字大小及颜色诗文题目为“标题一”作者信息为“标题三”作者姓名为斜体文本居中换行游子吟作者：孟郊慈母手中线，游子身上衣。临行密密缝，意恐迟迟归。谁言寸草心，报得三春晖。lession02HTML语言基础之文本

字体标记<font>

<fontface=？size=？color=？>…</font>

Size：设置字体的显示字号，范围是从“1～7”，其中“3”是默认值。

Color：设置文本的颜色，值可以是颜色名（英文如red代表红色）或颜色的十六进制代码（#000000代表黑色，#FFFFFF代表白色）。

Face：设置文本显示的字体，值为字体的名称。

例：

<fontcolor=“#FF0000”>红色</font>PS:<font>HTML5中不支持。lession02HTML语言基础之文本lession02HTML语言基础之文本

特殊字符(P42表3-2)

HTML中除了我们上面学的的一些标记外，还有一些我们常用的特殊字符比如“<”，这些特殊字符在HTML语言中都有对的转义符，常用的转义符与特殊字符参见下表：HTML代码显示结果说明<<小于号或显示标记>>大于号或显示标记&&可用于显示其它特殊字符""引号®®注册©©版权™™商标

不断行的空格lession02HTML语言基础之文本上标与下标上标<sup>...</sup>下标<sub>…</sub>

请试着写出

(1)

我是最新消息new

其中new要求为红色且为粗斜体

(2)

a1+a2=b1

的HTML源码我是最新消息<em><sup><fontcolor="#FF0000"><strong>new</strong></font></sup></em>

a<sub>1</sub>+a<sub>2</sub>=b<sub>1</sub>lession02HTML语言基础之文本请在上一个练习的基础上写出作者朝代的HTML源码：朝代为蓝色上标游子吟作者：孟郊

(唐)慈母手中线，游子身上衣。临行密密缝，意恐迟迟归。谁言寸草心，报得三春晖。水平线标记<hr>水平线是在网页上划出一条水平的分割线，用<hr>来标记水平线。语法格式为：

<hralign=left/center/rightsize=？width=？color=？>

Size：设置水平线的高度，以像素为单位。

Color：设置水平线的颜色。

Width：设置水平线的宽度，单位是像素或百分比，像素是绝对大小，不会随着程序窗口的大小而改，百分比是相对于程序窗口水平线所占的比例，会随着程序窗口的大小而改变。

Align：设置水平线的对齐方式。对齐方式有左对齐，居中，右对齐三种。lession02HTML语言基础之文本lession02HTML语言基础之文本在HTML中，列表常用的有“有序列表”和“无序列表”。lession02HTML语言基础之文本

1．有序列表<OL>基本语法结构为：

<oltype=nstart=？>

<li>项目1

<li>项目2

……

<li>项目n

</ol>type=“1”type=“a”type=“A”type=“i”type=“I”Start表示起始的数值

2．无序列表基本语法结构为：

<ultype=n>

<li>项目1

<li>项目2

……

<li

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论