html简单学习!

博主学习html的随记

1.常用标签

1.基础标签

    定义文档类型。
    定义 HTML 文档。
    定义关于文档的信息。
    定义文档的标题。
    定义文档的主体。
 to     定义 HTML 标题。
    定义段落。
    定义简单的折行。
    定义水平线。
    定义客户端脚本。
<link>  定义文档与外部资源的关系
<meta>  定义关于 HTML 文档的元信息。
<!--...-->  定义注释。
</code></pre><h2 id="2格式标签">2.格式标签</h2><pre><code class="language-html"><b> 定义粗体文本。等同于<strong>
<sup>   定义上标文本。
<sub>   定义下标文本。
<i>   定义斜体文本。等同于<em>
<u> 定义下划线文本。
</code></pre><h2 id="3表单">3.表单</h2><ol><li>input标签:<ol><li>name:定义 input 元素的名称。</li><li>value:规定 input 元素的值。</li><li>type:规定 input 元素的类型。<ul><li>button:按钮</li><li>checkbox:多选框</li><li>file:文件</li><li>image:图片按钮,点击图片提交</li><li>password:密码框</li><li>radio:单选框</li><li>reset:重置</li><li>submit:提交</li><li>text:文本框</li><li>拓展:<ol><li>邮箱:email,可初步验证输入是否为一个邮箱</li><li>url:url,初步验证输入是否为一个网址</li><li>数字:number,可初步验证是否为一个数字,且可以设置最大最小值和步长</li><li>滑块;range</li></ol></li></ul></li></ol></li><li>select标签:<ol><li>multiple:规定可选择多个选项。</li><li>name:规定下拉列表的名称。</li><li>配套标签:<ol><li>option标签:<ol><li>selected:规定选项(在首次显示在列表中时)表现为选中状态。</li><li>value:定义送往服务器的选项值。</li></ol></li></ol></li></ol></li><li>表单特殊属性:<ol><li>readonly:只读</li><li>disabled:禁用</li><li>hidden:隐藏</li><li>placeholder:给输入框一个提示信息</li><li>required:进行一个输入框的非空判断</li></ol></li></ol><h2 id="4超文本标签">4.超文本标签</h2><pre><code class="language-html"><audio>   定义声音内容。
<img>   定义图像。
<video> 定义视频。
<a> 定义锚
</code></pre><ol><li>img标签属性(必填):<ol><li>alt:text 规定图像的替代文本。</li><li>src:URL 规定显示图像的 URL。</li></ol></li><li>a标签(必填):<ol><li>href:跳转路径</li><li>(可选):<ol><li>target _blank(新窗口) _parent _self(原本网页) _top 规定在何处打开链接文档。</li></ol></li><li>锚链接</li><li>功能链接:<ol><li>邮件链接</li><li>qq链接</li></ol></li></ol></li><li>video标签:<ol><li>src:路径</li><li>autoplay:如果出现该属性,则视频在就绪后马上播放</li><li>controls:如果出现该属性,则向用户显示控件,比如播放按钮。</li></ol></li><li>audio标签:<ol><li>src:路径</li><li>autoplay:如果出现该属性,则音频在就绪后马上播放。</li><li>controls:如果出现该属性,则向用户显示控件,比如播放按钮。</li></ol></li></ol><h2 id="5列表">5.列表</h2><pre><code class="language-html"><ul>  定义无序列表。
<ol>    定义有序列表。
<li>    定义列表的项目。
<dl>    定义定义列表。
<dt>    定义定义列表中的项目。
<dd>    定义定义列表中项目的描述。
</code></pre><h2 id="6表格">6.表格</h2><pre><code class="language-html"><table> 定义表格
<caption>   定义表格标题。
<th>    定义表格中的表头单元格。
<tr>    定义表格中的行。
<td>    定义表格中的单元。
<thead> 定义表格中的表头内容。
<tbody> 定义表格中的主体内容。
<tfoot> 定义表格中的表注内容(脚注)。
</code></pre><ol><li>跨列属性:colspon</li><li>跨行属性:rowspon</li></ol><h2 id="7样式">7.样式</h2><pre><code class="language-html"><style>  定义文档的样式信息。
<div>   定义文档中的节。
<span>  定义文档中的节。
<article>   定义文章。
<section>   定义 section,一块独立的web区域,网页主体。
<header>    定义 section 或 page 的页眉,网页头部。
<footer>    定义 section 或 page 的页脚,网页脚部。
<aside> 定义页面内容之外的内容,常用于侧边栏。
<nav> 定义导航栏
</code></pre><h2 id="8特殊符号">8.特殊符号</h2><ol><li><pre><code class="language-html">&nbsp; 空格
&gt; 大于
&it; 小于
&copy; 版权
</code></pre></li></ol><h2 id="9内联框架网页嵌套">9.内联框架(网页嵌套)</h2><pre><code class="language-html"><iframe>    定义内联框架。
</code></pre><ol><li>iframe标签:<ol><li>src:要打开网页路径</li><li>name:配合a标签target使用</li></ol></li></ol></div>

Original: https://www.cnblogs.com/xiaoye-Blog/p/16502770.html
Author: 小也取不到名字
Title: html简单学习!

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/620201/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球