HTML 基础 听风：总目录 一、HTML概述 示例代码： DOCTYPE 素让浏览器知道其处理的是 HTML 文档，表示 HTML 文档开始。 head 素中的内容为 HTML 文档的数据部分，HTML 的数据用来向浏览器提供页面的相关信息。另外需要引用的 css 和 js 脚本文件一般也在 HTML 中进行导入。 body 素中的内容为 HTML 的主体，这也是 HTML 文档的最后一部分， body 素告诉浏览器该向用户显示文档的哪些内容，具体包含图片、文字等 HTML 注释的基本写法如下： 注：“ctrl+/” 快捷键方式完成注释。 二、HTML 常用标签 1、div 块标签 div 标签表示一个区块或者区域，可以把它看成一个容器，用来吧网页分块并且可以将任意的 HTML素至于其中，基本形式如下： 2、span 段落标签 span标签可以表示一个小区块，比如一些文字。span和div不同在于多个span标签能够在一行内显示而每个div是独占一行的，基本形式如下： 3、h1 与 h6 标题标签 h1至h6这6个标签表示6级标题，表现出来的效果就是从h1开始文字大小逐渐变小，基本形式如下： 4、p 段落标签 p标签是段落标签，通常用来表示一整段文字，在开发博客、新闻等文章型内容经常会使用该标签，基本形式如下： 5、ul 和 ui 列表标签 ul 为无序列表标签，而 li 为 ul 中的每个列表项目。这两个标签非常实用，网站制作中的导航栏、新闻列表等都可以用这两个标签来实现，基本形式如下： 6、i、em、strong、hr 和 br 格式标签 i 和 em 标签表示斜体，strong 标签表示加粗，hr 标签表示一条水平分隔线，br 标签表示换行，基本形式如下： 7、img 图像标签 img 标签表示图像，可以通过该标签引入图片，基本形式如下： 其中，该标签的 src 属性指向图片的所在路径，此路径可以是网络路径也可以是本地路径。如果是本地路径，就要区分是相对路径还是绝对路径。在 img 标签中还经常会使用两个属性：alt 和 title。alt 表示当前图片还没有正确加载时显示的文字，title 表示当前光标移动道图片时显示的文字。 8、a 超链接标签 a 标签表示超链接，一般用于指向某个网址，基本形式如下： 三、表单 在HTML中有一种特殊的素：表单（form），其作用是用来收集用户的信息并且发送给后台使用。HTML中的表单在很多场景中都会用到，比如Web的登录、注册等功能一般都是通过表单实现的。表单中即成了一些表单子素，例如搜索框、按钮、下拉列表框等。 用户在这些子素中输入的信息会以表单的形式发送给后台处理，而一般的后台框架都具有表单的验证功能，可以方便的对表单进行验证。表单的基本形式如下： 上述 HTML 代码通过标签 <form> 表明当前是表单素，其中，action 属性用来设置表单提交到的服务器网址。表单提交的方式一般有两种：get 和post 。两种提交方式的区别在于 get 方式提交的数据会直接显示在网址上，不安全；而 post 方式不会显示在网址上面，数据相对较为安全。上述代码在表单内部定义了三个 input 子素：两个文本输入框和一个提交按钮，可以让用户输入用户名和密码等信息并提交给后台服务器。下面列举一些常见的表单素。 1、input文本输入标签 输入标签用于接受用户输入的信息，其中的 type属性指定输入标签的类型。 常见的类型如下：类型说明文本框 text输入的文本信息直显示在框中密码框 password输入的文本以原点或星号的形式显示单选按钮 radio单选按钮，如性别选择复选框 checkbox复选框，如兴趣选择隐藏字段 hidden在页面上不显示，但提交的时候随其他内容一起提交提交按钮 submit用于提交表单中的内容重置按钮 reset将表单中填写的内容设置为初始值文件上传 file后期扩展内容，会自动生成一个文本框和一个‘浏览’按钮 2、select 选择标签 select 选择标签，提供用户选择内容，如用户所在的省市等。示例如下： 3、textarea 多行文本标签 多行文本框，如个人信息描述等。 4、label静态文字标签 用于给个素定义说明 表单使用实例： 四、HTML 中 name 属性和 id 属性的区别 1、html 中的 name 属性 name 属性同样是用来标识 HTML 素的，但它不具有是唯一行，它的值可以重复使用，例：单选按钮。 name 属性经常在表单中使用，用来提交信息；它仅对 a, form, iframe, img, map, input, select, textarea 等标签素有效。 name 属性可以在在 javascript 中，使用 getElementsByName( ) 来查找素；但无法在 CSS 或 URL 中被引用。 2、html 中的 id 属性 我们使用 id 属性可以标识唯一的 HTML 素，可以在URL 中用作锚引用（带#符号的 URL ），或者在 CSS 中用作 ID 选择器来设置该素的样式。也可以在 javascript 中，使用 getElementById( )，通过 id 属性值来查找素，在对素进行操作。 id 属性是普遍兼容的，对任何素都有效。且 id 属性的值是区分大小写的，每个 id 值都应该是唯一的。 可以这样说，ID 是一个人的身份证号码，而 Name 是这个人的名字。两者可以同时存在，共享相同的命名空间（两者的值可以相同）。
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/58597.html
