JavaWeb学习——了解HTML
程序员文章站
2022-06-23 22:38:58
JavaWeb学习——了解HTML 摘要：本文主要简单介绍了什么是HTML以及如何使用。 定义 是什么 HTML（Hyper Text Markup Language），指的是超文本标记语言。 超文本就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言不同于编程语言，标记语言是使用一 ......
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>
其他一些不常用的元素暂时不多介绍。
上一篇： Android 日期选择框 简洁常用