JavaWeb学习——了解HTML

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

新老客户大回馈,云服务器低至5折

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>

说明:

<!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>

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


原文链接:https://www.cnblogs.com/shamao/p/12155694.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Windows平台整合SpringBoot+KAFKA__环境配置部分

下一篇:[03]java中的方法以及控制语句