HTML简介
程序员文章站
2022-07-02 16:59:00
HTML（HyperText Markup Language超文本标记语言）是网络上的通用语言，也是Web语言的基础。它是一种标记语言，通过嵌入代码或标记来表明文本格式。 HTML的基本元素 主窗体元素 ：定义HTML文档 ：头部信息
<div class="content">
<p> HTML（HyperText Markup Language超文本标记语言）是网络上的通用语言，也是Web语言的基础。它是一种标记语言，通过嵌入代码或标记来表明文本格式。</p>
<p> HTML的基本元素</p>
<ul>
<li>主窗体元素
<ul>
<li><html></html>：定义HTML文档</li>
<li><head></head>：头部信息</li>
<li><title></title>：显示在浏览器的标题栏中</li>
<li><meta></meta>：用来描述HTML文档的元信息，即文档自身的信息</li>
<li><body></body>：网页主体部分</li>
</ul>
</li>
<li>链接：<a href="链接地址"></a></li>
<li>表格元素：<table></table></li>
<li>表单元素
<ul>
<li><form name="" action="url" method="get|post"></form>：显示表单</li>
<li><input type="text"></input>：普通输入文本</li>
<li><input type="password"></input>：密码输入框</li>
<li><input type="checkbox"></input>：复选框</li>
<li><input type="radio"></input>：单选按钮</li>
<li><input type="submit"></input>：提交按钮</li>
</ul>
</li>
</ul>
<table style="height: 124px; width: 1074px" border="0">
<caption>HTML的style属性</caption>
<tbody>
<tr style="height: 2px" dir="ltr">
<td style="height: 2px">background-color</td>
<td style="height: 2px">背景颜色</td>
</tr>
<tr style="height: 2px" dir="ltr">
<td style="height: 2px">font-family，color，font-size</td>
<td style="height: 2px">字体系列、颜色、字体尺寸</td>
</tr>
<tr style="height: 2px" dir="ltr">
<td style="height: 2px">text-align</td>
<td style="height: 2px">文本的水平对齐方式</td>
</tr>
</tbody>
</table>
<p> HTML的style属性提供了一种改变所有HTML元素的样式的通用方法。</p>
<p> </p>
<p>创建表单web页</p>
<p> HTML语言提供了许多输入元素，利用这些元素可以直接在页面上输入各种数据，也正是依靠这些输入的表单元素，才能让一个JSP程序变得更加丰富。</p>
<ul>
<li><form action="" method="post"><form>：所有表单都必须使用<form>元素进行声明，其中action为表单要提交信息的路径，如提交给hello.jsp。</li>
<li><input type="text" name="id" value="hi">：表示文本框，文本控件的名称是id，默认现实的内容是“hi”。</li>
<li><input type="password" name="pass" value="请输入密码">：与文本框一样，只是所有的输入内容都是以密文的方式显示给用户的。</li>
<li><input type="submit" value="注册">：提交按钮，当用户输入完数据后，通过此按钮可以直接将表单提交到由<form>元素的action属性所指定的页面。</li>
</ul> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1612576.html">
WebSocket 长连接 及超时问题解决 </a>
</p>
<p>
下一篇： <a href="/article/1612578.html">
还原二叉树 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2084049.html" target="_blank" title="微信小程序使用wxParse解析html的方法教程">
<h2>
微信小程序使用wxParse解析html的方法教程 </h2>
</a>
</li>
<li>
<a href="/article/2083955.html" target="_blank" title="如何让python嵌入html实现类似php的快速开发，十分有价值">
<h2>
如何让python嵌入html实现类似php的快速开发，十分有价值 </h2>
</a>
</li>
<li>
<a href="/article/2083933.html" target="_blank" title="【代码笔记】Web-HTML-颜色">
<h2>
【代码笔记】Web-HTML-颜色 </h2>
</a>
</li>
<li>
<a href="/article/2083934.html" target="_blank" title="php中html_entity_decode实现HTML实体转义">
<h2>
php中html_entity_decode实现HTML实体转义 </h2>
</a>
</li>
<li>
<a href="/article/2083800.html" target="_blank" title="在vue中,v-for的索引index在html中的使用方法">
<h2>
在vue中,v-for的索引index在html中的使用方法 </h2>
</a>
</li>
<li>
<a href="/article/2083638.html" target="_blank" title="python数据结构树和二叉树简介">
<h2>
python数据结构树和二叉树简介 </h2>
</a>
</li>
<li>
<a href="/article/2083531.html" target="_blank" title="jquery删除指定的html标签并保留标签内文本内容的方法">
<h2>
jquery删除指定的html标签并保留标签内文本内容的方法 </h2>
</a>
</li>
<li>
<a href="/article/2083483.html" target="_blank" title="php生成的html meta和link标记在body标签里 顶部有个空行">
<h2>
php生成的html meta和link标记在body标签里 顶部有个空行 </h2>
</a>
</li>
<li>
<a href="/article/2083309.html" target="_blank" title="JavaScript正则替换HTML标签功能示例">
<h2>
JavaScript正则替换HTML标签功能示例 </h2>
</a>
</li>
<li>
<a href="/article/2083339.html" target="_blank" title="PHP字符串函数系列之nl2br()，在字符串中的每个新行 (
) 之前插入 HTML 换行符br">
<h2>
PHP字符串函数系列之nl2br()，在字符串中的每个新行 (
) 之前插入 HTML 换行符br </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>