HTML 基础

HTML 基础学习

1、HTML 基本页面架构：

<!DOCTYPE html>

标题

HTML 属性，一般放在开始标签中，用于添加附加信息，以键=值形式。

2、HTML 标签（注：在 XHTML、XML 及未来的 HTML 中，所有元素要求被关闭。）

1、基础标签：

1、元标签 <meta>：提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。

如：设置网站关键字 <meta name="keywords"content="网络安全，WEB 渗透，数据安全，渗透测试，安全培训" />

2、<link /> 标签：定义文档与外部资源的关系。

3、<script></script> 标签：用以加载脚本文件，默认为 js。

4、注释标签：

5、<p></p> 标签：段落标签。

6、<br/>：换行标签。

7、<hr/>：换行线。

8、<a href="">这是一个链接</a>

target 属性：定义被链接的文档在何处显示。

   _blank   在新窗口中打开被链接文档。

self 默认。在相同的框架中打开被链接文档。

_parent 在父框架集中打开被链接文档。

_top 在整个窗口中打开被链接文档。

_framename 指定框架

9、<img src="资源所在位置" />：图像标签。

主要属性：

alt 规定图像的替代文本。当图像加载失败时的替换文本。

src 规定显示图像的 url

width 规定图片的高度

height 规定图片的宽度

2、标题标签：

从大到小：

<h1></h1>

<h2></h2>

.....

<h6></h6>

3、文本属性标签：

<strong>加粗</strong>

<b>加粗</b>

<i>斜体</i>

<u>下划线</u>

<sup>上标</sup>

<sub>下标</sub>

<del>删除线</del>

<pre>代码样式原样输出</pre>

4、form 表单：规定当提交表单时向何处发送表单数据。

form 表单元素中包含一个或多个以下标签

<input />

<textarea>多行文本框</textarea>

<button>按钮标签</button>

<select><option></option>一个 option 是一个选项</select>下拉列表

把相关选项组合在一起

<fieldset><legend>field 定义元素的标题</legend>对表单中的相关元素进行分组</fieldset> 会为在相关表单元素周围绘制边框

给输入框相应的标记，点继此标记，焦点转到 for 指向的表单控件

嵌套在 input 中，再嵌套 option，使 input 标签既能手动输入，也能下拉列表选择

提交的方法 method：get、post

规定在发送表单数据之前如何对其进行编码。enctype

enctype 属性表单中

1、 application/x-www-form-urlencoded

2、multipart/form-data

3、text/plain

<input /> 标签：输入

属性：

name：表示的该文本输入框名称。

size：输入框的长度大小。

maxlength：输入框中允许输入字符的最大数。

value：输入框中的默认值

readonly：表示该框中只能显示，不能添加修改。

input 类型属性：type

type=text 文本框（默认最大长度 20）

     password    密码输入框

radio 单选框（name 属性要相同才能单选）

checkbox 复选框

file 文件上传

hidden 隐藏域

button 按钮

submit 提交按钮

reset 重置按钮

5、锚点

标签通常用来表示一个锚点/链接。

id 属性：id 属性可用于创建在一个 HTML 文档书签标记。id 不能重复，且不一定是数字。

锚点的使用：

  快速链接到页面的某个位置。

6、table 表格标签：

定义表格

边框属性：border

单元格边距属性：cellpadding

单元格间距属性：cellspacing

定义表格的若干行定义单元格定义表头属性 colspan 合并横向单元格表头，rowspan 合并纵向单元格表头。定义表格标题标签用于对表格中的列进行组合，以便对其进行格式化。

通过使用 <colgroup> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。

注：只能在 <table> 元素之内，在任何一个 <caption> 元素之后，在任何一个 <thead>、<tbody>、

		    `<tfoot>、<tr> 元素之前使用 <colgroup> 标签 `。

    如果想对 <colgroup> 中的某列定义不同的属性，请在 <colgroup> 标签内使用 <col></col> 标签。

用于组合表头内容（这三个标签应该结合起来使用，主要用来为表格添加不同的 css 样式）

7、列表：

1、无序列表：

<ul>

<li></li>

</ul>

2、有序列表：

<ol type=""> type=

a 表示小写英文字母编号

A 表示大写英文字母编号

i 表示小写罗马数字编号

I 表示大写罗马数字编号

1 表示数字编号（默认）

<li></li>

</ol>

8、区块：

块级元素，可以作为组合其他 html 元素的容器。用作文档布局。

网页布局对改善网站的外观非常重要。

内联元素，可用作文本容器，为部分文本设置 css 样式属性

**9、框架：**可以在同一个浏览器窗口中显示不止一个页面。

<iframe src=""></iframe> 标签规定一个包含另一个文档的内联框架

属性：

height:设置高度

width:设置宽度

frameborder:设置边框宽度

name

没有理想的人不伤心

HTML基础

HTML 基础