关于html:web概述html概述及常用标签文本处理

web 概述
html 概述
文本处理
罕用标签

web 三要素：

浏览器：向服务器发动申请，下载服务器中的网页（HTML），而后执行 HTML 显示出内容。
服务器：承受浏览器的申请，发送相应的页面到浏览器。
HTTP 协定：浏览器与服务器的通信协定。

罕用浏览器

IE
Edge
FIREfox
Chrome
safari

特点：

图形化
与平台无关
分布式的
动静的
交互的

什么是 HTML：

超文本标记语言（HyperText Markup Language，HTML）是一种用于创立网页的规范标记语言。HTML 是一种根底技术，常与 CSS、JavaScript 一起呗泛滥网站用于设计令人赏心悦目的网页、网页应用程序以及挪动应用程序的用户界面。
网页浏览器能够读取 HTML 文件，并将其渲染成可视化网页。HTML 形容了一个网站的构造语义随着线索的出现，使之成为一种标记语言而非编程语言。

什么是标记？

HTML 标记通常也被称为 HTML 标签，HTML 标签是由尖括号突围的关键词。
HTML 标签通常是成对呈现的。
标签对中的第一个标签是开始标签，第二个标签是完结标签。

html 标签分类：

开始标签：包含元素的名称，包裹在开始（<）和完结（>）尖括号中。这示意元素开始 - 在本例中示意了一个段落的结尾。
完结标签：这与开始标记雷同，除了它在元素名称之前有一个正斜杠（/）。这示意元素完结的地位 - 在本例中示意了一个段落的结尾。

1）嵌套元素
你能够把元素放在其余元素之中 – 这被称之为嵌套。如果咱们想要表明我的小猫是十分火暴的，能够将 very 嵌套在 <strong> 中，意味着这个单词被着重强调：

<p>My cat is <strong>very</strong> grumpy.</p>

2）块级元素和内联元素
在 HTML 中有两种须要晓得的重要元素类别，块级元素和内联元素。

块级元素在页面中以块的模式展示 —— 绝对与其后面的内容它会呈现在新的一行，其后的内容也会被挤到下一行展示。块级元素通常用于展现页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以 block 模式展示的块级元素不会被嵌套进内联元素中，但能够嵌套在其它块级元素中
内联元素通常呈现在块级元素中并包裹文档内容的一小部分，而不是一整个段落或者一组内容。内联元素不会导致文本换行：它通常呈现在一堆文字之间例如超链接元素 <a> 或者强调元素 <em> 和<strong>。

3）正文
在编写 HTML 代码使想要对代码进行解释阐明，那便能够将代码的阐明放在正文中。正文是被浏览器所疏忽，并且对用户不可见;
语法：

<!-- 正文内容 -->

4）空元素
不是所有元素都领有开始标签、内容和完结标签。有些元素只有一个标签，通常用来在此元素的地位插入 / 嵌入一些货色，这些元素被称之为空元素。在 HTML 中通常在一个空元素上应用一个闭标签是有效的。

5）属性
属性蕴含元素的额定信息，这些信息不会呈现在理论的内容中。

罕用的规范属性

id：定义元素在页面中的惟一标识
title：鼠标移入到元素上时提醒的文本
class：款式相干，定义元素援用的类选择器
style：款式相干，定义元素的行内款式

1）题目元素
<h#>...</h#>

2）段落元素
<p>...</p>

3）列表元素
有序列表:<ol>...</ol>
无序列表:<ul>...</ul>
列表项：<li>...</li>

4）分区元素
块分区元素:<div>...</div>
行内分区元素:<span></span>

5）元素显示方式
块级元素，默认状况下，元素前后都会主动换行。
行内元素，不会换行，和其余行内元素位于同一行。

1、图像

图像元素

<img>
将图像增加到页面
必须属性 src

绝对路径和相对路径

绝对路径：文件从最高级目录下开始的残缺门路。
相对路径：指标文件的地位是绝对于以后文件的地位。

2、超链接

<a href=""target=""> 文本 </a>

href 属性：链接 URL
target 属性：指标打开方式

3、表格

创建表格：<table></table>
创立行：<tr><tr>
创立列：<td><td>

4、表单

（1）什么是表单？
表单用于显示、收集信息，并提交信息到服务器。
表单二因素：form 元素，表单控件
表单就是从浏览器向服务器传输数据的伎俩

（2）表单控件
是信息输出项

（3）<input> 元素:

文本框:<input type="text"/>
明码框:<input type="password"/>
单选框：<input type="radio"/>
复选框：<input type="checkbox"/>
提交按钮：<input type="submit"/>
重置按钮：<input type="reset"/>
一般按钮:<input type="button"/>
暗藏域:<input type="hidden"/>
文件抉择框:<input type="file"/>

（4）其它元素

标签:

<lable for="控件 ID"></lable>

for: 设置该文本所关联的控件 ID，关联后点击标签等同于点击控件。

文本域:

<textarea> 文本 </textarea>

多行文本框

下拉选:

<select>
<option> ...</option>
...
</select>

关于html:web概述html概述及常用标签文本处理

web 概述：

HTML 概述

文本处理

HTML 罕用标签