HTML

HTML 笔记

1. a标签

<a href="链接地址" target="_blank">显示的内容</a>
        target="_blank" 是指点击将会以新建一个空白页打开

    a标签的锚点:
    <a name="_mao"></a>
    <a href="#_mao">回到锚点</a>   #表示当前页面范围内

2.表单标签

form用于标识表单的范围 
        action属性: 决定提交的位置
    input
        type属性:决定输入的类型
        name属性(重点):提交的键
        size属性:文本输入框的显示长度           text    password
        maxlength属性:显示文本框输入长度        text   password
        readonly:只读.不可修改文本内容.会提交    text    password
        disabled:禁用.被禁用的表单项不会被提交. 所有input都可以使用

    select
        multiple: 多选
        size:一次可以选择的选项数量
        disabled:禁用
    textarea
        disabled:禁用
        readonly:只读
    form 
        action:表单提交的地址
        method:表单提交的方式.
            get提交:
                1.将参数键值对拼装在Url地址之后.
                2.get提交安全性相对较差
                3.get提交参数长度有限
            post提交:*强调内容*
                1.参数不在Url上
                2.post提交安全性相对较好
                3.post提交理论上参数长度没有限制

示例代码:
<html>
<meta http-equiv="refresh" content="3;linkLabel.html">
<head>
<title>表单标签</title>
</head>
<body>
    <form action="#" method="get">
        姓名<input type="text" name="username"><br /> <br /> 密码<input
            type="password" name="password"><br /> <br /> 性别 男<input
            type="radio" name="sex" value="male">女<input type="radio"
            name="sex" value="female"><br /> <br /> 爱好 看电影<input
            type="checkbox" name="habit" value="see movie"> 打游戏<input
            type="checkbox" name="habit" value="play game"> 写代码<input
            type="checkbox" name="habit" value="codeing"><br /> <br />
        学历<select name="edu">
            <option value="zk">专科</option>
            <option value="bk">本科</option>
            <option value="bs">博士</option>
        </select><br /> <br /> 个人说明<br>
        <textarea cols="35" rows="10" name="desc">这个人很懒,什么都没留下</textarea>
        <br /> <br /> 近照<input type="file" name="file"><br /> <br />
        <input type="submit" value="提交"> <input type="reset">
    </form>
</body>
</html>

3.其他标签

<a>:anchor 定义锚 
<abbr>:abbreviation 定义缩写 
<acronym>: 定义只取消首字母的缩写 
<address>:定义地址元素 
<area>:定义图像映射内部的区域 
<b>:bold 定义粗体字 
<base>:定义页面当中的所有链接的基准链接 
<bdo>: bidirectional override 定义文字的显示方向 
<big>:定义大号字 
<blockquote>:定义长的引用 
<body>:定义body元素 
<br>:break 插入一个回车 
<button>:定义按钮 
<caption>:定义表格标题 
<cite>:citation 定义引用 
<code>:computer code 定义计算机代码文本 
<col>:column 定义用于表格列的属性 
<colgroup>:column group 定义表格的列祖 
<dd>:definition description 定义定义的描述 
<del>:delete 定义被删除的文本 
<div>:division 定义文档中的节 
<dfn>:defining instance 定义定义的项目。 
<dl>:definition list 定义定义列表 
<dt>:definition term 定义定义的项目 
<em>:emphasized 定义强调文本 
<fieldset>:定义域结构 
<form>:定义表单 
<frame>:定义框架的子窗口 
<frameset>:定义框架集 
<h1>to<h6>:定义标题1到标题6 
<head>:定义关于文档的信息 
<hr>:horizontal 定义水平线 
<html>:hypertext markup language 定义html文档 
<i>:italic 定义斜体字 
<iframe>:inline frame 定义内联框架 
<img>:image 定义图像 
<input>: 定义输入域 
<ins>:inserted 定义被插入的文本 
<kbd>:keyboard 定义键盘文本 
<label>:定义针对表单控件的标签 
<legend>:定义框架集的标题 
<li>:list item 定义列表的项目 
<link>:定义资源引用 
<map>:定义图像映射 
<meta>:定义元信息 
<noframe>:定义无框架的节 
<noscript>:定义无脚本的节 
<object>:定义内嵌对象 
<ol>:ordered list 定义有序列表 
<optgroup>:option group 定义选项组 
<option>:定义下拉列表的选项 
<p>:paragraph 定义段落 
<param>:定义对象的参数 
<pre>:preformatted 定义预格式文本 
<q>:quotation 定义短的引用 
<samp>:sample 定义计算机代码样本 
<script>:定义脚本 
<select>:定义选择列表 
<small>:定义小字体文本 
<span>:定义文档中的节 
<strong>:stronger empasis定义强调文本 
<style>:定义样式的定义 
<sub>:subscript 定义下标文本 
<sup>:superscript 定义上标文本 
<table>:定义表格 
<tbody>:table body 定义表格的主体部分 
<td>:table data cell定义表格单元 
<textarea>:定义文本区域 
<tfoot>:table foot定义表也的脚注 
<th>:table header cell定义表格的表头单元格 
<thead>:table head定义表格的标题 
<title>:定义文档的标题 
<tr>:table row定义表格的行 
<tt>:teletype 定义打字机文本 
<ul>:unordered list 定义无序列表 
<var>:variable 定义变量 


head 头信息
title 标题
body 正文
font 字体
br 换行
p 段落
pre 预格式化
hr 水平分界线
sup 上标
sub 下标
b 粗体
i 斜体
u 下划线
em 强调(斜体)
strong 强调(粗体)
tt 等宽字体(打印机字体)
<ol>
<li></li>
<li></li>
</ol>有序列表
<ul>
<li></li>
<li></li>
</ul>无序列表
<a href=#>超链接
<img src=#>图片链接
th 表头单元
td 表格单元
tr 表格行
table 表格
caption 表格标题
form 交互式表单
input 输入表单控件
option 菜单类控件可选项 select中使用
select 菜单类控件
textarea 多行文本域
style 样式表
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值