HTML简介
程序员文章站
2022-04-15 20:02:49
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/607569.html">
Django之初学习 </a>
</p>
<p>
下一篇： <a href="/article/607571.html">
面试必备：《Java 最常见 200+ 面试题全解析》Java 基础部分 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2186483.html" target="_blank" title="html轮播图片代码（html图片轮播设置方法）">
<h2>
html轮播图片代码（html图片轮播设置方法） </h2>
</a>
</li>
<li>
<a href="/article/2186543.html" target="_blank" title="jsp转html静态页面（高并发web架构介绍）">
<h2>
jsp转html静态页面（高并发web架构介绍） </h2>
</a>
</li>
<li>
<a href="/article/2186396.html" target="_blank" title="网页编程语言有哪些（最常用的网页编程语言简介）">
<h2>
网页编程语言有哪些（最常用的网页编程语言简介） </h2>
</a>
</li>
<li>
<a href="/article/2186289.html" target="_blank" title="PHP 动态生成静态HTML页面示例代码">
<h2>
PHP 动态生成静态HTML页面示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2186219.html" target="_blank" title="html转jsp之后样式变了（js类型转换的使用方法）">
<h2>
html转jsp之后样式变了（js类型转换的使用方法） </h2>
</a>
</li>
<li>
<a href="/article/2185706.html" target="_blank" title="html5 canvas绘制矩形和圆形的实例代码">
<h2>
html5 canvas绘制矩形和圆形的实例代码 </h2>
</a>
</li>
<li>
<a href="/article/2185568.html" target="_blank" title="浅谈HTML5 & CSS3的新交互特性">
<h2>
浅谈HTML5 & CSS3的新交互特性 </h2>
</a>
</li>
<li>
<a href="/article/2185572.html" target="_blank" title="使用Html5实现异步上传文件,支持跨域,带有上传进度条">
<h2>
使用Html5实现异步上传文件,支持跨域,带有上传进度条 </h2>
</a>
</li>
<li>
<a href="/article/2185556.html" target="_blank" title="Html5实现移动端、PC端 刮刮卡效果">
<h2>
Html5实现移动端、PC端 刮刮卡效果 </h2>
</a>
</li>
<li>
<a href="/article/2185554.html" target="_blank" title="浅谈html5增强的页面元素">
<h2>
浅谈html5增强的页面元素 </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>