html

来源：互联网发布：nginx只允许域名访问编辑：程序博客网时间：2024/05/17 23:23

1、html<w3c的标准>:
称为超文本标记语言(Hypetext markup language)
本质上是一种描述网页的语言。
属于标记语言(XML)，不属于编程语言。
html文档也称为web网页

2、html标签的含义：
第一个标签是开始标签，第二个标签是结束标签(不是所有的标签都需要结束，还有一种自开闭标签)
html注意格式规范，必须要成套出现
html标签需要区分大小写

<!DOCTYPE HTML(XML)>：
用来声明网页的版本以及网页应该遵循的规范，有助于浏览器正确显示网页(文档类型，规范当前html的版本)
网络上有各种不同类型的文件，浏览器都可以正确的打开，如果能够正确声明html，那浏览器解析就更加准确
DOCTYPE后面的内容不区分大小写
3、html标签的使用：
<html>

<head>
<title>
<meta> 不需要闭合的标签。提供html的元元素，元元素不会显示出来，但是会被浏览器解析。
除了设置处理设置编码集以外，还可以设置网页的关键字、网页的描述信息、作者的信息。
charset="utf-8";
name="description" content="网页的描述"
name="keywords" content="搜索引擎关键字,搜索引擎关键字";
name="author" content="作者";
<link> 引用外部的css
<head>

<body>网页显示的内容
注释
标题标签： <h1></h1> ... <h6></h6>
段落标签： <p></p>
超链接： <a href="跳转到指定网页"></a>：#代表本页
回到顶部(跳转到指定锚点)需要给回到那个位置取一个name属性，然后#name做跳转
target="iframe的name"
图像(自开自闭)： <img src="相对路径" width="" height="" title="图片的描述(指着会出现提示)" alt="如果没有加载出来时给的提示"/>
上一级目录： ../
换行标签(自开自闭)： <br> 浏览器会自动把空格和换行解析了空格: 
分割线(自开自闭)： <hr/>
缩写标签： <abbr title="全称"></abbr>
作者标签： <address></address>
粗体标签： <strong></strong>,首选<b></b>,次选
高亮标签： <mark>包裹的内容</mark> 默认黄色
斜体强调标签： <em></em>
斜体转换标签： <i></i>
覆盖原本内容标签： <bdo dir="ltr(从左开始)rtl(从右开始)">
删除格式文字和新文字： <del>废弃的文字</del><ins>新的文字</ins>
预定义格式文本： <pre>按编译格式展示</pre>
引号标签： <q></q>
下划线标签： <u></u> (html5过时的)，尽量避免使用，容易和超链接混淆
列表标签： <ul><li>第一条</li><li>第二条</li></ul>(无序列表)<ol><li>第一条</li><li>第二条</li></ol>(有序列表) list-style-type:none;
视频标签： <video src="" width="" height=""></video>.play()播放 pause()暂停
音频标签： <audio src=""></audio>

html表单：
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入信息的元素
<form>：action="要提交的服务器地址"method="提交方式"
文本框： <input type="text"/>
readonly只读 disabled禁用maxlength=最大长度 placeholder=提示内容 value=默认的值
密码框： <input type="password"/>
readonly只读 disabled禁用 maxlength=最大长度placeholder=提示内容 value=默认的值
文本域：<textarea>
cols：行，rows：列
按钮： 1、<button>提交</button>:
disabled：禁用 formaction=提交到的地址，不写的话默认提交到表单form中action的地址
2、<input type="button" value="提交"/>
3、<input type="reset" value="重置"/>:清空当前表单所有文本
4、<input type="submit" value="触发action"/>:触发form表单的action
下拉框：<select>
size="默认显示几个选项"multiple="multiple"表示可以多选 disabled：禁用
<option>下拉内容</option>
Label标签：
为input标签添加标注
区域(包裹)框：
<fieldset><legend>标题</legend></fieldset>
单选框：
<input type="radio"/>加name属性，如果name属性一样代表是一个组
复选框：
<input type="checkbox"/>
</form>
html框架：
<iframe src="联接的网页">
标签规定一个内联框架
一个内联框架被用来在当前html文档中嵌入另一个html文档。
和a标签配合使用可以做到手风琴的效果

表格<table border:"边框" cellspacing="表格线条">
<colgroup>:控制列的样式span="控制多少列是这个样式"

语义化标签：有利于搜索引擎查询，可以快速定位内容
<thead>:表头 <tr><th></th><th></th></tr> <th>：内容居中，字体加粗
<tbody>:信息 <tr><td></td><td></td></tr>
<tfoot>:表尾 <tr><td></td><td></td></tr>
td属性：colspan="合并几列"; rowspan="合并几行"

布局标签：<div>
文本标签(也可以布局)：<span>

</html>

0 0