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>
其他一些不常用的元素暂时不多介绍。