2023学年完整公开课版html常用标签_第1页
2023学年完整公开课版html常用标签_第2页
2023学年完整公开课版html常用标签_第3页
2023学年完整公开课版html常用标签_第4页
2023学年完整公开课版html常用标签_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

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

文档简介

HTML之常用标签任务引入任务目标任务内容任务实训<HTML><!--开始标签-->

<HEAD><!--头部标签-->

<TITLE>一个简单的示例</TITLE> </HEAD>

<BODY><!--主体开始标签-->

<H1>欢迎光临我的主页</H1>

<BR><!--强制换行-->

<HR><!--插入水平线-->

<FONTSIZE=7COLOR=red>

这是我第一次做主页? </FONT>

</BODY><!--主体结束标签--></HTML><!--结尾标签-->

这是一个html文档任务目标知识目标知道html的概念和作用知道html语言的语法结构掌握html结构标签、基础标签、文本标记技能目标会编写一个html网页会使用html中的主体标签、基础标签、文本标记

什么是html，如何使用html制作网页？什么是html（1）HTML(HypertextMarkedLanguage)，即超文本标记语言，是一种用来制作网页的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等），它能被浏览器执行展现成我们熟悉的网页。什么是html

什么是html（2）格式该语言编写需要一定格式要求，html遵循以下要求：HTML以标识符来标识、排列各对象。标识符本身以“<”和“>”标识，标识符内的内容称为元素（element），元素代表了标识符的意义，元素是与大小写无关的。（3）语法：<元素名称>要控制的元素</元素名称><元素名称属性1=属性值属性2=属性值>要控制的元素</元素名称>

什么是html（4）html文件编写方法1、手工直接编写：打开记事本输入html文件 将文件保存成扩展名为.htm或.html的文件在浏览器中浏览效果对文重新修改编辑。2、使用可视化工具，frontpage、Dreamweaver，文件保存为.htm或.html的文件。3、由服务器动态生成。

什么是html<html><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>例子解释<html>与</html>之间的文本描述网页<body>与</body>之间的文本是可见的页面内容<h1>与</h1>之间的文本被显示为标题<p>与</p>之间的文本被显示为段落

html结构标签<HTML><!--开始标签-->

<HEAD><!--头部标签-->

<TITLE>一个简单的HTML示例</TITLE></HEAD><BODY><!

--主体开始标签-->

<!—网页的主体内容--></BODY><!--主体结束标签-->

</HTML><!--结尾标签-->html结构标签<html></html>是标志一个网页<head></head>标识中的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到head部分：<title>、<base>、<link>、<meta>、<script>以及<style><body>与</body>之间的文本是可见的页面内容，是浏览器看的见的内容。

基础标签Html实例1：index.html<HTML><HEAD><TITLE>我的第二个网页</TITLE></HEAD><BODY><h1>努力掌握HTML知识，做出内容丰富的主页！<h1><p>努力掌握HTML知识，做出内容丰富的主页！<p><ahref=>打开百度网页</a><imgsrc=1.jpg></BODY></HTML>

基础标签（一）段落标记（1）格式：<palign=#>控制内容</p>（2）功能：设置段落的开始与结束，在段前和段后各加一行（二）标题标记(1)格式：<hn>内容</hn>，n为1--7(2)作用:将文字一标题形式显示

基础标签（三）超链接标记（1）格式：<ahref=urltarget=#>链接文字</a>（2）功能：实现页面的跳转，使用户获取需要的信息（3）属性:href=url,url表示要链接到的页面的路径或网页地址,该属性必须

target=#;#=_self_blank或者是锚点

基础标签（四）图片标记(1)格式：<imgsrc=url>(2)作用:在网页中插入图片(3)属性：src:表示图片的路径alt:在图片位置显示文字提示width:图片的宽度，height:图片的高度align:top,middle,bottom,left,right与文字的对齐方式border:图像的边框

基础标签实例ex12.htm：<html><head><title>链接标记演示</title></head><body><ahref=ex8.htmtarget=_blank>这是一个链接！点击我会实现页面跳转哦！</a><br><br><ahref=ex8.htm>点击我,新页面会在本窗口显示呢！

</a><br><br><ahref=target=_blank>点击我,会跳转到sina网站呢!</a><br><ahref=mailto:lvlijunforever@>跟我联系</a></body></html>

文本标记文本格式控制标记<fontface=#size=ncolor=#>显示内容<font>face设置字体，为字体名称，如宋体size设置文本的字号，n为1～7color设置文字的颜色<b>加粗</b>加粗！<i>斜体</i>今天斜体！<u>下划线！</u>今天天气真好！下划线<sup>上标！</sup>N今天天气真好！上标<sub>下标</sub>N今天天气真好！下标<s>删除线</s>今天天气真好！删除线<center>内容</center>

<marqueedirection=#></marquee>

文本标记<html><body><center><fontface=黑体size=5color=red>黑体文字</font><br><fontface=华文彩云size=6color=red

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

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

最新文档

评论

0/150

提交评论