JavaWeb学习——了解HTML

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>

说明:

:设置当前文档使用的标准,建议使用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>

其他一些不常用的元素暂时不多介绍。

你可能感兴趣的:(JavaWeb学习——了解HTML)