HTML

2 篇文章 0 订阅

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 样式表
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值