html

目标: 

  1. 基本概念
  2. 运行原理
  3. 基本用法
  4. 能写出简单网页

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>
  • 说明:
  1. 标记通常是成对出现的
  2. 单标记<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 &nbsp;&nbsp;yu lan&nbsp;&nbsp;201769874<br/>
dlut &copy;<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="

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值