html的学习-创新互联
html语法的学习
什么是html
html: 超级文本标记语言(HyperText Markup Language)(不是编程语言)

创新互联是专业的宜丰网站建设公司,宜丰接单;提供
网站制作、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行宜丰网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
- "超文本":字面意思,比普通文本更加高级;页面内可以包含图片,链接等非文字内容。
- "标记":使用标签的方法将需要的内容包括起来。
html是做什么的?
html用于编写网页。对网页的内容进行排版。
- html代码:用于展示需要展示的数据。
- CSS代码:使显示的数据更加好看。
- JavaScript代码:使整个页面显示的数据具有动画效果。
网页根据内容是否改变分为:静态页面、动态页面
- 静态页面:代码编写好后,在浏览器里面看到的页面内容就不再改变了。html编写的就是静态页面。
- 动态页面:在浏览器里面会根据不同的情况展示不同的页面。(例如登陆成功后显示的用户名,不同人登陆所显示的用户名是不同的)
html语言的特点
- html文件不需要编译,可以直接通过浏览器阅读。
- html文件的扩展名是.html 或者.htm
- html结构都是由标签组成的
- 标签名是预先定义好的,我们只需要根据需要拿来用就可以了。
- 标签名不区分大小写。
- 通常情况下,一组标签是由开始标签和结束标签组成的。例如:
- 有些标签没有结束标签,这些标签建议使用 / 结尾。例如:
![]()
- html结构大体分为两类:头head , 和 体 body
一个Html文件的模板
html5的固定格式
- 是整个页面的根标签,理论上一个html页面只需要一个,它里面包含了头和体这两个标签。
- 为头标签,用于引入脚本,导入样式,提供元信息等,一般在浏览器里面不显示这些信息。
- 体标签,是整个网页的主体,大部分的代码都在此标签内。
html开发环境的搭建
为了更加快捷方便地编写Html,我们安装较为流行的前端IDE(集成开发环境) HBuilder 。

注释的使用:
常用的排版标签
1. 标题标签:
html提供了系列的标签,包含了: ,定义了 为大的标题, 为最小的标题。
2. 水平线标签:
在html页面中插入一条水平分割线,用于定义内容中的主题变化。
- size 属性 :水平线的高度,单位像素(hx)
- noshade 属性: 没有阴影,取值:noshade,表示显示纯色。
例如:
3. 字体标签:
- 用于设置字体的尺寸,字体,颜色等。
- size 属性:用于设置字体的大小,可能的值:从1到7的数字。浏览器默认是3。
- color属性:设置字体的颜色
- 颜色的取值:#xxxxxx 或者 colorname
段落1
段落2
6. 图片标签:![]()
在html 中引用一张图片
- src 属性:指定需要显示图片的URL路径。(路径可以是绝对路径也可以是相对路径)
- alt 属性:图片无法显示时的替代文本。
- width: 设置图片的宽度
- heigth: 设置图片的高度
例子:

7. 列表标签:
定义有序列表
- type 属性:列表的类型,取值有:A,a ,I,i,1 等
定义无序列表
- type属性:符号的类型,取值:disc 实心圆,square 方块,circle 空心圆
- 定义列表项。 是
- 有序列表1
- 有序列表2
- 有序列表3
显示效果:

8. 超链接标签:
访问百度网,并在新窗口中打开链接
效果:

9. 表格标签: html表格标签是由标签以及一个或者多个 | 标签组成的 是父标签,相当于整个表格的容器
- border 表格边框的宽度
- width 表格的宽度
- cellpadding 单元边沿与其内容之间的空白
- cellspacing 单元格与单元格之间的空白
- bgcolor 表格的背景颜色
标签用于定义行标签用于定义表格的单元格(1列)
- colspan 单元格可横跨的列数
- rowspan 单元格可横跨的行数
- align 单元格内容的水平对齐方式,取值:left 左,right 右,center 居中
- nowrap 单元格中的内容是否折行
标签用于定义表头,单元格的内容默认居中,加粗 例子:
表格的跨行跨列操作
|
13 |
14 |
| 21 |
|
24 |
| 31 |
34 |
| 41 |
42 |
43 |
效果:
 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
新闻标题:html的学习-创新互联
当前URL:http://www.tsicrk.com/article/hhepj.html
基本
文件
流程
错误
SQL
调试
- 请求信息 : 2026-06-03 14:24:44 HTTP/1.1 GET : /article/hhepj.html
- 运行时间 : 6.1373s ( Load:0.0062s Init:4.1558s Exec:1.9656s Template:0.0096s )
- 吞吐率 : 0.16req/s
- 内存开销 : 2,245.96 kb
- 查询信息 : 12 queries 5 writes
- 文件加载 : 36
- 缓存信息 : 0 gets 0 writes
- 配置加载 : 130
- 会话信息 : SESSION_ID=1e38irom83tcflp5rm9cvsghm2
- /www/wwwroot/tsicrk.com/index.php ( 1.09 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/ThinkPHP.php ( 4.61 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Think.class.php ( 12.26 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Storage.class.php ( 1.37 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Storage/Driver/File.class.php ( 3.52 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Mode/common.php ( 2.82 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Common/functions.php ( 53.56 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Hook.class.php ( 4.01 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/App.class.php ( 13.49 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Dispatcher.class.php ( 14.79 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Route.class.php ( 13.36 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Controller.class.php ( 11.23 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/View.class.php ( 7.59 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Behavior/BuildLiteBehavior.class.php ( 3.68 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Behavior/ParseTemplateBehavior.class.php ( 3.88 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Behavior/ContentReplaceBehavior.class.php ( 1.91 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Conf/convention.php ( 11.15 KB )
- /www/wwwroot/tsicrk.com/App/Common/Conf/config.php ( 2.14 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Lang/zh-cn.php ( 2.55 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Conf/debug.php ( 1.49 KB )
- /www/wwwroot/tsicrk.com/App/Home/Conf/config.php ( 0.31 KB )
- /www/wwwroot/tsicrk.com/App/Home/Common/function.php ( 3.33 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Behavior/ReadHtmlCacheBehavior.class.php ( 5.62 KB )
- /www/wwwroot/tsicrk.com/App/Home/Controller/ArticleController.class.php ( 6.02 KB )
- /www/wwwroot/tsicrk.com/App/Home/Controller/CommController.class.php ( 1.60 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Model.class.php ( 60.11 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Db.class.php ( 32.43 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Db/Driver/Pdo.class.php ( 16.74 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Cache.class.php ( 3.83 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Cache/Driver/File.class.php ( 5.87 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Template.class.php ( 28.16 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Template/TagLib/Cx.class.php ( 22.40 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Template/TagLib.class.php ( 9.16 KB )
- /www/wwwroot/tsicrk.com/App/Runtime/Cache/Home/7540f392f42b28b481b30614275e4e55.php ( 17.71 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Behavior/WriteHtmlCacheBehavior.class.php ( 0.97 KB )
- /www/wwwroot/tsicrk.com/ThinkPHP/Library/Behavior/ShowPageTraceBehavior.class.php ( 5.24 KB )
- [ app_init ] --START--
- Run Behavior\BuildLiteBehavior [ RunTime:0.000005s ]
- [ app_init ] --END-- [ RunTime:0.000027s ]
- [ app_begin ] --START--
- Run Behavior\ReadHtmlCacheBehavior [ RunTime:0.000270s ]
- [ app_begin ] --END-- [ RunTime:0.000289s ]
- [ view_parse ] --START--
- [ template_filter ] --START--
- Run Behavior\ContentReplaceBehavior [ RunTime:0.000054s ]
- [ template_filter ] --END-- [ RunTime:0.000075s ]
- Run Behavior\ParseTemplateBehavior [ RunTime:0.006313s ]
- [ view_parse ] --END-- [ RunTime:0.006339s ]
- [ view_filter ] --START--
- Run Behavior\WriteHtmlCacheBehavior [ RunTime:0.000159s ]
- [ view_filter ] --END-- [ RunTime:0.000176s ]
- [ app_end ] --START--
- 1064:You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ') LIMIT 1' at line 1
[ SQL语句 ] : SELECT `id`,`pid`,`navname` FROM `cx_nav` WHERE ( id= ) LIMIT 1
- 1064:You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ') LIMIT 1' at line 1
[ SQL语句 ] : SELECT `id`,`navname` FROM `cx_nav` WHERE ( id= ) LIMIT 1
- 1064:You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ')' at line 1
[ SQL语句 ] : SELECT `id`,`navname` FROM `cx_nav` WHERE ( pid= )
- [8] Undefined index: pid /www/wwwroot/tsicrk.com/App/Home/Controller/ArticleController.class.php 第 47 行.
- [8] Undefined index: db_host /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Db.class.php 第 120 行.
- [8] Undefined index: db_port /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Db.class.php 第 121 行.
- [8] Undefined index: db_name /www/wwwroot/tsicrk.com/ThinkPHP/Library/Think/Db.class.php 第 122 行.

6.1373s 
| |
|
|---|
|