现在的位置: 首页 > 综合 > 正文

web编程基础——html

2018年04月20日 ⁄ 综合 ⁄ 共 2631字 ⁄ 字号 评论关闭
文章目录

html 是什么:html标签

html 能做什么,怎么做:

html 怎么运行:浏览器解析引擎和渲染引擎工作原理、http 协议

什么是 html

html:hyper text markup language

hyper:hyper = high + press + er = hi + p + er = hy + p + er = super 超、过 

  1. Html是超文本标记语言的简写,是最基础的网页语言,html 是在原来的文本上添加上标签作为标记使原来的文本有额外的功能。
  2. Html是通过标签来定义的语言,代码都是由标签所组成。
  3. Html代码不用区分大小写。
  4. Html代码由<html>开始</html>结束,html 代码是一种树形结构的标签,里面由头部分<head></head>和体部分<body></body>两部分组成。
  5. 头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。
  6. 体部分是真正存放页面数据的地方。

前端的作用一般两个:1.展示数据,把数据展示给用户;2.收集数据,从用户那里收集数据。

html 使用树形结构来表示内容的层次和组合关系,所以 html 也有封装的概念,一个标签对就是一个封装。

html 能做什么,怎么做

  1. 多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
  2. 想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
  3. 属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。
  4. 格式:       <标签名 属性名='属性值'> 数据内容 </标签名>                  <标签名 属性名='属性值' />

操作思想:
为了操作数据,都需要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。标签就相当于一个容器。对容器中的数据进行操作,就是在再不断的改变容器的属性值。浏览器解析引擎把 html 各个不同的标签解析为对象,然后使用渲染引擎把这些对象的内容显示到浏览器窗口中。

常用 html 标签

1.常用 html 体标签

字体 

1.字体

<font size=5 color=red>字体标签示例</font>

font = found    去 u     d 变 t 清浊互变 found 制造、铸造,活体印刷的字都是铸造出来的模子印出来的,所以用 found 变形表示字体合情合理

2.标题

<h1><h2>…..<h6>

head

因为标题是文本中常用的内容,为了方便操作而定义的。其实就是某个字号和粗体的组合。

3.特殊字符

这些字符在html中用来表示特殊含义了,所以需要用专门的字符串来表示,html 里面特殊字符用 & 开头,;结尾

  < : &lt;    less than

  > : &gt;   great than

  & : &amp;

  空格 : &nbsp;

列表

1.目录列表

<dl> directory list

<dt>:上层项目 directory of top

<dd>:下层项目 directory of down

示例:

<dl>
<dt>游戏名称</dt>
<dd>星际争霸</dd>
<dd>红色警戒</dd>
<dt>部门名称</dt>
<dd>技术部</dd>
<dd>培训部</dd>
</dl>

2.带符号的列表

<ol> order list 顺序列表

<ul> Unordered List 无序列表

<li> list item 列表项

图像

图像标签<img src=”1.jpg” align=”middle” border=”3” alt=”图片说明文字”/>

地图标签  <map>

<img src="Sunset.jpg" alt="图片说明文字" usemap="#Map" />
  <map >
    <area shape="rect" coords="50,59,116,104" href="1.html" />
    <area shape="circle" coords="118,203,40" href="2.html" />
  </map>

表格

<table>

<tbody>

<caption> 标题标签 caption = cap + t +ion

<tr> 行标签 table row

<td> 单元格标签 table division

<th> 表头标签 tabel head 表头是特殊的单元格,是粗体居中的特殊的 <td>

每个表格可以有一个表头、一个表尾和一个或多个表体(即正文),分别以THEAD、TFOOT和TBODY元素表示。
THEAD、TFOOT包含关于表格列的信息。
TBODY作用是:可以控制表格分行下载,从而提高下载速度。(网页的打开是先表格的的内容全部下载完毕后,才显示出来,分行下载可以先显示部分内容,这样会减少用户等待时间。)
使用TBODY的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示,就是说如果有多个行,那么如果得到一个TBODY行,就可以先显示一行。
TBODY这个标签可以控制表格分行下载,当表格内容很大时比较实用,在需要分行下载处加上<tbody>和</tbody>

超链接

<a> </a>

两种用法:

1. 超链接<a href=””> href = hyper reference

2. 定位标记<a name=””>

框架

<frameset>

<iframe>

框架标签现在不是很常用,布局都用div+css+table。框架很少使用了

表单

<form>

2.常用 html 头标签

<title>

<base>

<meta>

<link>

3.其他常用 html 标签

<marquee>

<pre>

XHTML   XML

XHTML是可扩展的超文本标记语言(Extensible HyperText Markup Language)。XHTML是 w3c 组织在 2000 年的时候为了增强 HTML 推出的,本来是想替代 HTML,但是发现 Internet 上用 HTML 写的网页太多,未遂!可以理解为它是 HTML 一个升级版(HTML4.01)。XHTML 的代码结构更为严谨,是基于 XML 的一种应用。

XML是可扩展标记语言(Extensible Markup Language)XML是对数据信息的描述。HTML是数据显示的描述,数据显示主要有显示的数据类容和显示的数据的样式这些信息,所以数据显示的描述是数据信息的描述的子集,html、xhtml 是 xml 的子集。XML代码规定的更为严格,如:标签不结束被视为错误。XML规范可以被更多的应用程序所解释,将成为一种通用的数据交换的格式化语言。各个服务器,框架都将XML作为配置文件使用。

抱歉!评论已关闭.