大家好，html公司网站源码分享相信很多的网友都不是很明白，包括html网站页面源码也是一样，不过没有关系，接下来就来为大家分享关于html公司网站源码分享和html网站页面源码的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！
一、HTML简介
1.HTML是什么?
HTML:htpertextmarkuplanguage超文本标记(标签)语言
由各种标签组成，用来制作网页，告诉浏览器如何显示页面
2.作用
制作网页，控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接来检索信息使用表单获取用户的信息，实现交互
3.版本
w3c:worldwidewebconsortium万维网联盟，制定web技术相关标准和规范的组织，HTML技术hi由w3c制定的标准
两个版本:HTML4.0.1、HTML5.0—–通常H5
官网：http://www.W3shcool.com.cn
4.扩展名
HTML文档是以.html或.htm结尾
二、HTML文档结构
1.基本结构
1.1简介
HTML标签是由尖括号括起来的关键词，如,通常是成对出现的,如<html></html>以<html>为根标签，包含：<head>头部和<body>主体部分头部提供关于网页的相关信息，如标题、文档类型、字符编码、关键字等摘要信息主体部分提供网页的显示内容，真正显示在页面中的内容合理地进行缩进标签名不区分大小写，但是一般要用小写
1.2.开发工具
记事本notepad、sublime、Notepad++、Dreamweaver、VScode、Webstorm等
使用步骤：
新建文件(cltr+N)，然后保存（ctrl+s）,指定扩展名为.html编写HTML代码在浏览器中打开文件
使用技巧：
先保存再写代码，否则代码无颜色提示创建一个文件夹，用于保存所有的网页内容，将文件夹拖拽到sublime中，便于管理显示/隐藏侧边栏方式1:查看–>侧边栏–>显示/隐藏侧边栏方式2:ctrl+K紧接着按B显示多栏方式1：查看–>布局–>列数：2列方式2：Alt+shift+2
1.3浏览器
常见的浏览器：IE浏览器微软、chrome谷歌浏览器、fifirefox火狐、safari苹果
浏览器的作用是读取html文件，并以网页的形式来显示
浏览器不会直接显示html标签，而是使用标签来解释网页的内容
2.标签
2.1标签的组成
一个完整的html标签的组成：
<标签名属性名=&34;>内容</标签名>
<!DOCTYPEhtml>\n<htmllang=&34;>\n\t<head>\n\t\t<metacharset=&34;>\n\t\t<title>标签</title>\n\t</head>\n\t<bodybgcolor=&34;text=&34;>\n\t\thtml从入门到精通!\n</body>\n</html>\n12345678910
属性值要用双撇号括起来，一般用双引号
2.2标签的分类
根据标签是否关闭，分为，关闭型和非关闭型
关闭型：有结束标签，即标签成对出现
<html></html>\n<head></head>\n<title></title>
非关闭型：没有结束标签
<meta>\n<br>\n<h1>….<h6>
根据标签是否独占一行，分为块级标签和行级标签
块级标签：显示为块状，独占一行
<h1>大家好</h1>\n<hr>
行级标签：在行内显示，可与其他内容在同一行显示
<span></span>
2.3注释
注释在浏览器中不会显示,是用来标注解释html语句,但通过查看源代码的方式可以看到
语法:
<–注释内容–>
2.4实体字符
也称为特殊字符,用于显示一些特殊符号,如<>&空格等
语法:
<&实体字符的名称>
2.5文档类型
在html文档的第一行,使用<!DOCTYPEhtml>
声明HTML文档的类型用来告诉浏览器页面的文档嘞型,用来制定html版本的规范
目前基本上最常用的html5
<!DOCTYPEhtml>\n<htmllang=&34;>\n<head>\n\t<metacharset=&34;>\n\t<title>Document</title>\n</head>\n<body>\n\t\n</body>\n</html>\n12345678910
三\\常用标签
3.1基本标签
块级标签\\亲啊后有明显的间隔||h1…h5|标题标签|按照h1到h6逐渐变小.块级标签|||||||||三、常用标签
1.基本标签
1.1有序列表ol:orderedlistli:listitem默认使用阿拉伯数字、从1开始标记，可以通过属性进行修改·type属性：设置列表的符号标记、取值；数字1（默认）、字母（a或A）、罗马数字(i或I)·start属性：设置起始值，值必须是数字1.2无序列表ul:unoderedlistli:listitem默认情况下使用实心圆表作为符号标记，可以通过属性进行修改·type属性：设置列表的符号标记、取值：disc实心圆（默认）、circle空心圆、square正方形、none不显示项目符号1.3定义列表dl:definitionlistdt:definitiontitledd:definitiondescription1.4水平线标签hr:horizontal常用属性：·color:颜色
两种方式：
颜色名称：如red、green、blue、white、black、pink、orange等
16进制的RGB表示法：Red、Green、Blue用法：FF0000红色0000FF蓝色CCCCCC开头的文本，如34;en&34;UTF-8&34;blue&34;en&34;UTF-8″>\n\t<title>Document</title>\n</head>\n<body>\n\t图书:<<HTML从入门到精通<<\n\t<hr>\n\n\t北京上海广州\n\t<hr>\n\n\t在HTML中用<表示<小于号\n\t<hr>\n\n\t“HTML语言”或&qout;HTML语言&qout;\n\t<hr>\n\n\t版权所有?2000-2020高教培训\n\t<hr>\n\n\t×关闭符号\n</body>\n</html>123456789101112131415161718192021222324
效果
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nuFLl3hm-1593240920355)(C:\\Users\\lenovo\\Desktop\\新建文件夹\\静态网页2\\案例\\result\\案例3.png)]
（剩下的下期出）
原文链接：https://blog.csdn.net/WanXuang/article/details/106982782?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160513384519724835852804%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=160513384519724835852804&biz_id=&utm_medium=distribute.pc_search_top_result.none-task-code-2~all~top_position~default-1-106982782-12.nonecase&utm_term=html
作者：WanXuang
出处：从CSDN
好了，关于html公司网站源码分享和html网站页面源码的问题到这里结束啦，希望可以解决您的问题哈！