目标:
- 基本概念
- 运行原理
- 基本用法
- 能写出简单网页
1,html介绍
超文本标记语言(hypertext mark-up language),主要的用处是做网页。可以在网页上显示文字,图像,视频,声音。
标记==元素 <input type="text", name = "XXXX">
2、动态网页与静态网页的区别:
静态页面就是设计者把页面上所有东西都设定好、做死了,然后放上去,不管是谁在任何时候看到的页面内容都是一样的,一成不变(除非手动修改页面内容)。静态html页面文件,可以直接用本地的浏览器打开。
动态页面的内容一般都是依靠服务器端的程序来生成的,不同人、不同时候访问页面,显示的内容都可能不同。网页设计者在写好服务器端的页面程序后,不需要手工控制,页面内容会按照页面程序的安排自动更改变换。
3、HTML的两种运行方式:
- 本地运行:
- 远程访问:
4、HTML的基本结构
<html>
<head>
<元素 属性1=“值”.../>
</head>
<body>
<元素 属性1=“属性值” 属性2=“属性值”...>内容</元素>
<元素 属性1=“值”.../>
</body>
</html>
- 说明:
- 标记通常是成对出现的
- 单标记<br/>
5、实例
<html>
<head></head>
<body>
<b>横看成岭侧成峰</b><br/><br/> //<b>加粗
<font color="red">远近高低各不同</font><br/>
<!--size可以取1...7-->
<font size="4">不识庐山真面目</font><br/>
<font style="font-size:30px;">只缘身在此山中</font><br/>
</body>
</html>
6、符号实体
当网页中有特殊字符时,就可以使用字符实体
运行案例:
<br/>******************<br/>
dlut yu lan 201769874<br/>
dlut ©<br/>
7、url统一资源定位符(Uniform Resource Locator)
统一资源定位符的标准格式如下:
协议类型:[//服务器地址[:端口号]][/资源层级UNIX文件路径]文件名[?查询][#片段ID]
统一资源定位符的完整格式如下:
协议类型:[//[访问资源需要的凭证信息@]服务器地址[:端口号]][/资源层级UNIX文件路径]文件名[?查询][#片段ID]
8、超链接
实例:
br/>******************<br/>
<a href="a.html">同一目录下的a.html</a>
<a href="http://localhost/a.html">connect to a.html</a>
<!--如果向在点击该连接后跳转到外网,就要提供完整的url-->
<a href="http://unbuntu.com">跳转到乌班图</a><br/>
<a href="