首页 > > 程序设计 > Java技术 >

JavaWeb学习——了解HTML

2020-01-06 08:21:02来源：博客园阅读 ()

JavaWeb学习——了解HTML

摘要：本文主要简单介绍了什么是HTML以及如何使用。

定义

是什么

HTML（Hyper Text Markup Language），指的是超文本标记语言。

超文本就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言不同于编程语言，标记语言是使用一套标记标签来完成对网页的描述。

作用

HTML是用来描述网页的一种语言，通过使用标签将超文本元素显示在页面上。

结构

基本结构

一个简单的页面内容如下：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>页面标题</title>
 6 </head>
 7 <body>
 8     <h1>测试页面</h1>
 9 </body>
10 </html>

说明：

<!DOCTYPE>：设置当前文档使用的标准，建议使用HTML5的类型。

html标签：用于包裹页面上所有的其他标签。

head标签：用于存放title，meta，base，style，script，link标签，这些标签都是用来辅助显示的标签，每个head标签必须有一个title标签。

body标签：用于存放所有的页面上的结构标签。

title标签：用于设置页面的标题、同时提高SEO的权重。

meta标签：设置页面上的字符集（编码格式）。

：注释，给代码添加的代码说明性的文字，或者使一些没有必要去掉它的作用。

语义化：是指用合理html标签以及特有的属性去格式化文档内容。

表单

表单常用元素如下：

 1 <form action="http://127.0.0.1:80" method="get">
 2     文本输入：<input type="text" name="username"/>
 3     密码输入：<input type="password" name="pwd"/>
 4     单选按钮：<input type="radio" name="gender"/>
 5     多选按钮：<input type="checkbox" name="hobby" checked="checked"/>
 6     下拉菜单：
 7     <select name="week">
 8         <option value="1">星期一</option>
 9     </select>
10     重置按钮：<input type="reset" value="重置">
11     提交按钮：<input type="submit" value="提交">
12 </form>