这节课的目标是认识HTML是什么以及学会在DW中建立站点,并发布自己的第一个html页面。
一、认识HTML
HTML观点:超本文标记措辞(HyperText Markup Language)
超文本:浏览器就可以阐明的,比如http(超文本传输协议)。官方阐明:“超文本”便是指页面内可以包含图片、链接,乃至音乐、程序等非笔墨元素。
标记措辞: 由一个一个的标记组成的措辞。比如段落是<p>…</p>这个标记表示,图像是由<img/>这个标记表示。超链接是<a>…</a>标记表示。学习标记措辞的关键是明白网页的元素(布局、构造、内容等)该当由什么标记来描述是最恰当的。
我们要让浏览器按照人的思维来显示网页,就必须节制浏览器阐明网页的html措辞,明白标签的浸染,比如你想产生段落,就必须用<p>段落内容</p>的办法才能实现。
HTML的历史:
超文本标记措辞(初版)——在1993年6月作为互联网工程事情小组(IETF)事情草案发布(并非标准):
HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣告已经由时
HTML 3.2——1997年1月14日,W3C推举标准
HTML 4.0——1997年12月18日,W3C推举标准
HTML 4.01(眇小改进)——1999年12月24日,W3C推举标准
XHTML1.0——发布于2000年1月26日,是W3C推举标准,后来经由修订于2002年8月1日重新发布。
XHTML 1.1,于2001年5月31日发布,W3C推举标准。
XHTML 2.0,W3C事情草案。
HTML4.01 是常见的版本。
XHTML 5,从XHTML 1.x的更新版,基于HTML 5草案。
HTML 5——2014年10月28日,W3C推举标准
HTML标记的语法:
标记只有两种语法构造,一种原谅标记,一种空标记。
1、原谅标记 <开始标记>...</结束标记>,比如 <h1>...</h1>、<p>…</p>等。
2、空标记 <开始标记/>,比如<img /> <br/> <hr/>等。
标记的属性只能放在开始标记里面。
1、<a href=\公众URL\公众 target=\公众_blank\"大众>被点击的工具</a>
2、<img src=\"大众URL\"大众 alt=\"大众更换文本\"大众/>
在DW的\"大众插入\公众菜单——标签中,可以看到所有的html标签,如下图:
并不是所有标签都是有用的,有些标签随着版本的升级会废除,但是并没有删除,以是真正有用的标签只有那么几十个。
二、在DW中建立站点,并发布第一个HTML页面
基本步骤如下:
1、建立站点,设置好根目录文件夹和默认图片文件夹(非常主要)。
2、新建html页面,并保存在根目录文件夹下面。
3、再往保存好的页面中添加内容,比如笔墨和图片、超链接等。
详细先容如下:
1、点击“管理站点”,在弹出的面板中点击“新建站点”,如图:
2、设置“站点名称”和“本地站点文件夹”,本地站点文件夹便是你存放全体网站的根目录,点击后面的文件夹小图标,选择一个盘符,新建一个文件夹,选择好就可以了。比如,选择F盘下面的lianxi文件夹。
3、这一步非常关键,必须要设置“默认图像文件夹”,点击“高等设置”,再点击后面的文件夹小图标,在刚才设置好的“lianxi”根目录文件夹下面再新建一个“images”文件夹,选择好。要担保“images”文件夹必须在你设置的根目录文件夹的下面。
建立这个默认图像文件夹的好处是从站点以外选择的图片,都会自动把图片复制到这个默认图像文件夹的下面。担保了站点的所有资源都在站点内部,不会丢失图片。
否则,如果你没有设置这个图像文件夹,每次从站点以外的地方插入图片,都会有如下提示:
4、站点建立好后,就可以新建html页面,保存并发布了。
按F12发布的时候,默认是IE浏览器,如果想设置为别的浏览器,可以编辑浏览器列表。如图所示:
1、点击小球球,编辑浏览器列表。
2、点击“+”按钮,添加要发布的浏览器。
3、以谷歌为例,找到谷歌的快捷办法,右键菜单中选择“属性”。
4、复制谷歌的路径,一定因此“.exe”为后缀名的路径,这是可实行文件。
5、粘贴到运用程序中,设置为“主浏览器”,确定即可。
6、回到DW中,按下F12,即可看到在谷歌中发布了网页。
怎么样?这HTML第一课大家学会了吗?
关注华信智原,乐享更多好课。