HTML笔记

来源：互联网发布：人工智能电影讲什么编辑：程序博客网时间：2024/06/14 17:59

HTML

HTML的简介：

1.超文本标记语言。

2.是网页最基础的语言。

3.都是由标签所组成的。

HTML的基本格式：

<html><span style="white-space:pre"></span><head><span style="white-space:pre"></span>属性信息，辅助性的信息引入外部的文件（css、js）先加载</head><body>真正的数据内容（展示用户的数据）</body></html>

HTML的标签：

排版标签

<br />换行 空格<hr />水平线<p></p>段落标签<div></div><span></span>

字体标签

<pre name="code" class="html"><font></font>    属性：                 color：颜色   size：字体的大小最大值：7最小值是1    face：字体的类型

标题的标签

<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>

粗体标签

<b></b>

斜体标签

<i></i>

特殊字符

< <

> >

& &

列表标签

<dl> 标签定义了定义列表（definition list）。

<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

<dl><dt></dt><dd></dd></dl>

有序列表和无序列表

有序：<ol type="a" start="3"><li></li></ol>无序：<ul type=""><li></li></ul>

图片标签

<img src="图片的地址" width=""  height="" alt="图片的说明文字">

超链接的标签

<a></a><span style="white-space:pre"></span>链接资源通过href=""访问网络的资源：http://www.baidu.com默认file文件的协议支持自定义的协议定位资源通过name定义锚点返回需要使用href="#锚点的名称"

表格标签

<table border="1" width="" height="" >：声明表格的范围<span style="white-space:pre"></span><caption></caption> ：表格标题标签<tr align="中间显示文字对齐方式"> ：行<span style="white-space:pre"></span><th></th> ：单元格默认居中和加粗</tr><tr><span style="white-space:pre"></span><td></td> ：单元格行合并：rowspan="2"列合并：colspan="2"</tr></table>

表单标签

<form action="表单提交地址" method="提交方式" ><span style="white-space:pre"></span>表单的提交方式最常用的两种，get和post区别：<span style="white-space:pre"></span>get方式将参数列表显示在地址栏上，post不会，参数封装到请求体中。get方式安全级别较低，post较高。get方式不支持大数据，post支持大数据。输入项<input type="text" name="username" >文本框<input type="password" name="password" /> 密码框<inputtype="radio" name="sex" value="0" checked="checked" />男<input type="checkbox" name="love" value="0" />篮球<input type="file" name="myfile" />上传文件<input type="hidden" name="userId" value="001" />隐藏组件<input type="button" value="我是按钮" /><input type="image" src="引入一张图片" > 提交<select name="city"><option value="bj">数据</option></select><textarea rows="10" cols="10" name="desc"></textarea><input type="reset" value="重置" /><input type="submit" value="提交" /></form>

框架标签

<frameset rows="150,*" ><frame src="链接html" name="top"><frame src="链接html" name="left"></frameset>

0 0