WEB-1_XML

最新推荐文章于 2021-12-09 17:00:42 发布

SHEN_DEMO

最新推荐文章于 2021-12-09 17:00:42 发布

阅读量157

点赞数

分类专栏： WEB 文章标签： XML web

WEB 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1. HTML

1.1. HTML概述

1.1.1. HTML是什么

Html(HyperText Mark-up Language)就是超文本标记语言的简写，是最基础的网页语言。

Html是由w3c组织发布的，到目前为止，已经发展出多个 HTML 版本，其中包括html，html+，html2.0，html3.2，html4.01，html5等各种各样版本。其中较重要的版本包括html4.01和html5。

可以登录w3cschol网站 http://www.w3school.com.cn/ 查看最新的web技术。

实验：查看网页的源代码

1.1.2. HTML基本结构

Html是通过标签来定义的语言，代码都是由标签所组成。

Html代码不用区分大小写。

Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成。

头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。

体部分是真正存放页面数据的地方。

练习：第一个HTML页面

练习：修改页面标题

1.1.3. HTML语法细节

多数标签都是有开始标签和结束标签，也有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。

标签通常可以具有属性，通过对属性值的改变，控制标签具体功能效果。

属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。

格式：

<标签名属性名="属性值"> 数据内容 </标签名>

<标签名属性名='属性值'> 数据内容 </标签名>

<标签名属性名=属性值 />

Html中注释的格式为：

练习：html页面中的换行

1.2. 字体标签

1.2.1. Font标签(了解)

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

注：简单颜色可是直接写对应的英文，复杂颜色用16进制表示，表现形式#FF0000两个数为一组，按红，绿，蓝排列，如：#00FF00表示绿色。建议用工具选取，如图-1所示：

图-1

Size，范围为1-7，默认是3，也可以-2~+4

1.2.2. 标题标签

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

1.2.3. 特殊字符

如果要在网页上显示一些特殊符号，比如< > & 等。因为这些符号在代码中会被浏览器识别并解释，所以用一些特殊的方式来表示。

字符	转义字符	字符	转义字符
"	"	'	'
<	<	>	>
空格		&	&
®	®	©	©

1.2.4. 颜色表示

color rgb(x,x,x) #xxxxxx colorname 不赞成使用。请使用样式取代它。规定文本的颜色。

size number 不赞成使用。请使用样式取代它。规定文本的大小。 px 值为1~7(或-2~+4)

face font_family 不赞成使用。请使用样式取代它。规定文本的字体。

1.3. 列表标签

1.3.1. 定义列表(了解)

<dt>：上层项目

<dd>：下层项目

例：

<dl>

</dl>

效果，如图-2所示：

图-2

1.3.2. 有序列表(了解)

例：

<ol>

<li>Coffee</li>

</ol>

效果:

如图-3所示：

图-3

1.3.3. 无序列表

例：

<ul>

<li>Coffee</li>

</ul>

如图-4所示：

图-4

1.4. 图像

1.4.1. Img

如图-5所示：

图-5

1.5. 超链接

1.5.1. 超链接概述

<a> 标签可定义锚。锚 (anchor) 有两种用法：

通过使用 href 属性，创建指向另外一个文档的链接（或超链接）

通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接），如图-8所示：

图-8

1.5.2. 链接资源<a href=””>

例：

href属性值可以是url，也可以是本地文件，也可使用其他协议如mailto、thunder等等。

target属性是指定在哪个窗口或者帧中打开。

1.5.3. 定位标记

一般在本页面中使用，当网页内容过长，定位标记会比拖动滚动条方便快捷。

注：定位标记要和超链接结合使用才有效。

例：

<a href=”#标记”>返回标记位置</a>

注：使用定位标记时一定在href值的开始加入#标记名。

1.6. 表格

1.6.1. table

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元，如图-6所示：

图-6

1.6.2. caption

<caption>Monthly savings</caption>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

</tr>

</table>

如图-7所示：

图-7

1.7. 表单

1.7.1. form

表单标签是最常用的标签，用于与服务器端的交互，如图-11所示：

图-11

先定义form表单中的action属性值，指定表单数据提交的目的地(服务端)。

明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。

get和post这两种最常用的提交方式的区别：

(1)get提交将数据显示在地址栏，对于敏感信息不安全。

post提交不显示在地址栏，对于敏感信息安全

(2)地址栏中存放的数据是有限，所以get方式对提交的数据体积有限制。

post可以提交大体积数据。

(3)对提交数据的封装方式不同：

get：将提交数据封装到了http消息头的第一行，请求行中。

post：将提交的数据封装到消息头后，在请求数据体中。

1.7.2. input

如图-12所示：

图-12

text 文本框。输入的文本信息直接显示在框中。

password 密码框。输入的文本以原点或者星号的形式显示。

radio 单选框如：性别选择。

checkbox 复选框如：兴趣选择。

hidden 隐藏字段在页面上不显示，但在提交的时候随其他内容一起提交。

submit 提交按钮用于提交表单中的内容。

reset 重置按钮将表单中填写的内容设置为初始值。

button 按钮可以为其自定义事件。

file 文件上传后期扩展内容，会自动生成一个文本框，和一个浏览按钮。

image 图像它可以替代submit按钮。

1.7.3. textarea

在w3school，你可以找到你所需要的所有的网站建设教程。

</textarea>

如图-13所示：

图-13

1.7.4. select option

选择标签提供用户选择内容。如：用户所在的省市。size 属性为显示项目个数。

子项标签属性 selected 没有属性值，加在子项上，其中一个子项上，子项就变成默认被选项。

<option value ="volvo">Volvo</option>

</select>

如图-14所示：

图-14

SHEN_DEMO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WEB-1_XML

1. HTML1.1. HTML概述1.1.1. HTML是什么Html(HyperText Mark-up Language)就是超文本标记语言的简写，是最基础的网页语言。Html是由w3c组织发布的，到目前为止，已经发展出多个 HTML 版本，其中包括html，html+，html2.0，html3.2，html4.01，html5等各种各样版本。其中较重要的版本包括html4.01和html...
复制链接

扫一扫