HTML基础教程非常详细从零基础入门到精通看完这一篇就够了。我们平时所浏览的网站是由一页一页的页面组成的,每一个页面称为一个网页网页是构成网站的基本元素, 通常由图片,文字,视频等元素组成, 我们常见的网页,通常都是以.htm 或.html 后缀结尾的文件, 也就是HTML文件, 而HTML文件需要使用HTML来编写, 因此, 想要制作网站, 首先需要了解HTML的基本使用方式HTML基础教程什么是HTMLHTML语法规范结构标签第一个页面字符集基础标签h1-h6 标题标签p 段落标签br 换行标签div 标签span 标签img 图片标签a 超链接标签文本格式化标签表格标签列表标签表单标签form 表单input 输入框input 常用属性HTML特殊字符对照表什么是HTMLHTML全称Hyper Text Markup Language, 翻译成中文就是超文本标记语言是一种最基础的网页开发语言, 需要注意的是HTML并不是编程语言, 而是一种标记语言超文本可以理解为超越了文本的意思, 也就是超级文本, 超文本不只是普通的文本内容, 还可以加入图片,视频,声音等内容, 甚至可以从一个文件跳转到另一个文件(超级链接文本)标记语言可以理解为一套标记标签,也就是由许多标记标签组成的语言HTML语法规范1.HTML标签是由尖括号包围的关键字,比如html 2.HTML标签通常是成对出现的,由一个开始标签和一个结束标签组成,也就是双标签,比如html/html 3.有些特殊的标签必须是单个标签,也就是单标签,比如br/ 4.双标签可以分为两类: 包含关系和并列关系结构标签每个页面都会有一个基本的标签结构, 页面中能够看到的内容都需要写在结构标签中第一个页面html html head meta charsetutf-8 / title页面标签/title /head body 第一个页面 /body /html字符集字符集( Character set)是多个字符的集合, 以便计算机能够识别和存储各种文字在head标签内, 可以通过meta标签的 charset属性来规定HTML文档应该使用哪种字符编码meta charsetutf-8 /charset常用的值有: GBK 和 UTF-8, 其中UTF-8也被称为万国码, 基本包含了全世界所有国家需要用的字符, 也是最常用的字符集之一基础标签h1-h6 标题标签标签介绍h就是单词 head 的缩写, 意为头部, 标题, 常用于标题, 并依据重要性递减( h1最大, h6最小)标签实例h1一级标签/h1 h2二级标签/h2 h3三级标签/h3 h4四级标签/h4 h5五级标签/h5 h6六级标签/h6p 段落标签标签介绍p就是单词 paragraph 的缩写, 意为段落, 常用于定义段落, 将整个网页分为若干个段落标签实例p第一个段落/p p第二个段落/pbr 换行标签标签介绍br是单词 break 的缩写, 意为打断,换行, 页面中的文字需要到最右端才会自动换行, 如果希望文本强制换行, 可以使用br标签进行换行标签实例第一行br / 第二行div 标签标签介绍div是单词 division 的缩写, 表示分割,分区, 没有什么特殊意义,常用来装内容, 需要注意的是,div标签独占一行, 也就是说一行只能放一个div盒子标签实例divdiv标签独占一行/div divdiv标签独占一行/divspan 标签标签介绍span表示跨度,跨距, 没有什么特殊含义,常用来装内容,与div不同的是,一行可以放多个span标签标签实例spanspan标签_1/span spanspan标签_2/spanimg 图片标签标签介绍img是单词 image 的缩写,意为图像,常用来定义页面中图片标签属性src – 指定图片的路径alt – 设置图片的替代文本( 图片加载失败时显示)title – 设置图片的提示文本( 鼠标悬浮在图片上时显示)标签实例a 超链接标签标签介绍a是单词 anchor 的缩写,意为锚, 可以从一个页面链接到另一个页面标签属性href – 指定目标urltarget – 指定链接页面的打开方式/_blank 新页面打开/_self 当前页面打开标签实例a hrefhttps://www.baidu.com target_blank超链接/a点击超链接标签后, 在新页面中打开百度的网站文本格式化标签标签实例b加粗/bbr / i斜体/ibr / s删除线/sbr / u下划线/u表格标签标签介绍表格主要用于显示和展示数据, 可以让数据显示的非常整齐, 提高可读性, 一个简洁的表格能够把繁杂的数据表现的很有条理, 需要注意的是 表格擅长的是展示数据而不是布局页面, 页面的布局推荐使用 div 或 span 等标签标签实例table border1 tr th姓名/th th年龄/th /tr tr td张三/td td18/td /tr tr td李四/td td19/td /tr /table列表标签标签介绍顾名思义, 列表标签可以使数据呈列表的形式展现, 提高数据的可读性, 使数据的展现更加规律和美观列表分为有序列表和无序列表, 无序列表没有顺序可言, 通常以项目符号呈现列表项, 而有序列表可以显示各个列表项的顺序标签实例无序列表的列表项没有顺序, 常用于展示不关心顺序的数据ul li无序列表项1/li li无序列表项2/li /ul有序列表的列表项会显示排序, 以此来提高数据的可读性ol li有序列表项1/li li有序列表项2/li /ol自定义列表可以展示多级信息, 以此来达到分类的效果dl dt分类1/dt dd分类项1/dd dd分类项1/dd dt分类2/dt dd分类项2/dd dd分类项2/dd /dl表单标签表单标签常用于跟客户进行交互, 收集用户信息form 表单标签介绍form 标签用来创建一个表单域, 在提交数据时, 表单域中的所有数据元素将被作为一个整体提交至服务器标签属性action – 指定表单数据提交的url地址method – 指定提交方式( get/post)input 输入框表单属性type – 指定输入框的属性name – 定义元素名, 用于后端接收数据value – 设置输入框的值checked – 首次加载时选中maxlength – 最大长度, 用于规定输入的字符数量( 没啥用,前端源码中随便修改)input 常用属性标签实例form actionxxx.php methodget 用户名:input typetext nameusername value用户名 /br / 密码:input typepassword namepasswd /br / 性别:男input typeradio namesex value1 checked / 女input typeradio namesex value2/br / 爱好:苹果input typecheckbox namehappy value1 / 香蕉input typecheckbox namehappy value2/br / 籍贯:select namecity option value1山东/option option value2北京/option /selectbr / 上传头像:input typefile namefile /br / 留言:textarea nametext/textareabr / input typesubmit value提交 / input typereset value重置 / /formHTML特殊字符对照表html中某些字符是预留字符, 不能直接使用, 因此需使用代码表示《网络安全从零到精通全套学习大礼包》96节从入门到精通的全套视频教程免费领取如果你也想通过学网络安全技术去帮助就业和转行我可以把我自己亲自录制的96节 从零基础到精通的视频教程以及配套学习资料无偿分享给你。网络安全学习路线图想要学习 网络安全作为新手一定要先按照路线图学习方向不对努力白费。对于从来没有接触过网络安全的同学我帮大家准备了从零基础到精通学习成长路线图以及学习规划。可以说是最科学最系统的学习路线大家跟着这个路线图学习准没错。配套实战项目/源码所有视频教程所涉及的实战项目和项目源码学习电子书籍学习网络安全必看的书籍和文章的PDF市面上网络安全书籍确实太多了这些是我精选出来的面试真题/经验以上资料如何领取的PDF市面上网络安全书籍确实太多了这些是我精选出来的面试真题/经验以上资料如何领取