首页 / 知识
HTML基础入门一篇概览
2023-04-11 13:59:00
[php入门] 1、从安装开发环境环境到（庄B）做个炫酷的登陆应用
[php入门] 2、基础核心语法大纲
[php入门] 3、WAMP中的集成MySQL相关基础操作
1、HTML的作用
HTML是超文本标记语言，主要用于制作页面结构；而经常与之一起用的CSS是层叠样式表，用于设置页面的样式，比如颜色、字体等；而javascript主要用来制作动画效果、与数据库交互等。
2、HTML有两种标签形式：
① 双闭合标签：<标签名 属性名1=值1 属性2=值2……>标签中的内容</标签名>
② 单闭合标签：<标签名 属性名1=值1 属性名2=值2>
3、基本结构：
<!DOCTYPE>是文档声明，表明当前静态页使用哪个版本的静态页。像博客园首页采用的<!DOCTYPE html>是HTML5
标签是一层嵌套一层，HTML标签是最外层标签，其它标签都写在这个标签里面。
HTML标签又包含了head标签和body标签，其中head设置头信息，body设置内容。
head标签又包含头、编码、关键词等标签。
其中第一个是设置本静态文档的编码为UTF-8；第二个是设置该静态文档的标题：；第三个是关键词，供搜索引擎搜索；第四个是描述，可以参考下下图中在百度中搜索博客园中显示的结果看看描述的作用。
在head中的内容不会显示在正文中，而body中的内容会显示在正文中。
body中一般使用块级标签和内联标签来构建文档结构：
① 块级结构：h1——h6, p, div, table, form, ul, dl…
② 内联结构：a, img, span, i, string, select…
PS：块级结构独占一行，内联结构可以与其他标签在同一行显示
4、几个标签（挑的几个）
分区标签div：是块级标签，其作用一般是作为其他标签的容器或者规划网页结构，经常和CSS一起使用；
span：是内联标签，没有任何特殊功能，主要用来作为文本容器。span+css来控制某段文字的样式，区别于其他文字；
音频：<embed height="100" width="100" src=""/> 一般用mp3格式
PS：更多标签可以在找到
5、表单
5.1、表单的结构
表单form是用来搜集用户信息的，表单的一般定义为：
5.2、表单元素
<input type="类型" name="名称" value="值"/>
其中类型有：text、radio、checkbox、hidden、submit、reset、
① 其中类型为text的input一般形式是：
<input name="" value="设置初始值" maxlength="最多几个字符" size="宽度" type="text" /input>
② 其中radio的典型形式是（单选）：
<input name="sex" type="radio" value="男" checked="true"/>
<input name="sex" type="radio" value="女" checked="false"/>
PS：其中name必须相同
③ 其中checkbox用于多选：
<input type="checkbox" name="fruits" value="苹果"/>
<input type="checkbox" name="fruits" value="桃子"/>
<input type="checkbox" name="fruits" value="菠萝"/>
④ 其中hidden隐藏域，作用是不让某些内容显示出来，而偷偷提交给服务器——
⑤ submit按钮（点击数据被提交到服务器）
<input type="submit" value="按钮上显示的提示内容"/>
⑥ reset和submit类似，用来重置表单
⑦ button按钮标签：
<button value="">显示</button> 等价于 <input type="button" onclick="js代码"/>
⑧ textarea多行文本域：
row="行数" col="行数"
⑨ 下拉框select：
<select name="provice">
<option value="">选择省份</option>
<option value="北京">北京</option>
<option value="杭州">杭州</option>
</select>
|
最新内容
相关内容
python类、模块、包的概念及区别
python类、模块、包的概念及区别，概念，数据，培训，模块，名字，环境，基础，文件，函数，定义，类类的概念在许多语言中出现，是面向对象编程的基础，很容
python详解python包管理器pip安装
python详解python包管理器pip安装，培训，管理，工具，方法，详解，源码，可能会，脚本，模块，以上，pip对于使用python的朋友并不陌生，当你想安装python
python怎么安装Python的第三方模块
python怎么安装Python的第三方模块?，培训，工具，下来，第一，模块，方法，以上，以下，不是，文件，怎么安装Python的第三方模块?具体有以下两种方法：第
python输入三个数字从小到大排序
python输入三个数字从小到大排序，数字，培训，整数，从小到大，错误，继续，方法，提示，用户，函数，python输入三个数字从小到大排序1、说明使用list.
关于Windows：如何从磁盘获得良好的
关于Windows：如何从磁盘获得良好的并发读取性能，关于Windows：如何从磁盘获得良好的并发读取性能，跟进,自己的,有什么,答案，How to obta
关于.net：从C＃中的计时器获取准确的
关于.net：从C＃中的计时器获取准确的滴答，关于.net：从C＃中的计时器获取准确的滴答，应用程序,重建,编写,节拍器，Getting accurate ticks fr
在 \\”D\\” 驱动
在 \\D\\ 驱动器上安装 Visual Studio 2008 Sp1，在 \\D\\ 驱动器上安装 Visual Studio 2008 Sp1，驱动器,安装,引导程序,项
关于Windows：如何从shell32.dll中获
关于Windows：如何从shell32.dll中获取图标？，关于Windows：如何从shell32.dll中获取图标？，图像,文件,本地应用,图标，How do you get the ic
从 CSV 文件生成插入 SQL 语句
从 CSV 文件生成插入 SQL 语句，从 CSV 文件生成插入 SQL 语句，文件,工具,我一,花了，Generate insert SQL statements from a CSV fil
关于asp.net mvc：如何在MVC中使用Ht
关于asp.net mvc：如何在MVC中使用HtmlHelper获取呈现的自定义ID，关于asp.net mvc：如何在MVC中使用HtmlHelper获取呈现的自定义ID，表单
关于c#：从.NET服务打印
关于c#：从.NET服务打印，关于c#：从.NET服务打印，消息,格式化,项目,应用程序，Printing from a .NET Service我现在正在研究一个项目，该项
W3C XHTML/CSS 验证在完成工作时有
W3C XHTML/CSS 验证在完成工作时有多重要？，W3C XHTML/CSS 验证在完成工作时有多重要？，验证,运行,这是,是在，How important is W3C XHTM