微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

后端码农谈前端（HTML篇）第二课：常见元素_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:48:38
原创
1103人浏览过

一、根元素

定义文档类型。
定义 HTML 文档。

先见AI
先见AI

数据为基，先见未见

先见AI 95
查看详情 先见AI

二、元数据元素

定义关于文档的信息。
定义关于 HTML 文档的元数据。
定义文档与外部资源之间的关系，一般用于引入样式表。
定义页面上所有链接的默认地址或默认目标。
定义文档标题。
定义文档的样式信息。

三、脚本元素

<script></script> 定义客户端脚本。
定义当浏览器不支持脚本的时候所显示的内容

四、块元素

定义文档的主体。

、

...

 定义文档标题。

定义文档段落。
定义块引用。
    、
      、
 定义列表。
定义表格。

1、列表元素

  • 无序列表
      		定义无序的列表。
    		• 定义列表项。
    • 有序列表
        		定义有序的列表。
      		1. 定义列表项。
      2. 定义列表
        		定义定义列表。
        		定义定义术语。
        		定义定义描述。

        3. 2、表格元素

        定义表格。
        定义表格的页眉。
        定义表格的主体。
        定义表格的页脚。
        定义表格的表头行。
        定义表格的行。
        定义表格单元。

        五、文本元素

        1、文本格式化元素

        定义着重文字。
        定义加重语气。
        定义上标字。
        定义下标字。
        定义插入字。
        定义删除字。
        定义粗体文本。
        定义斜体文本。
        定义大号字。
        定义小号字。

        2、“计算机输出”标签

        定义计算机代码。
        定义键盘码。 
        登录后复制
        		     定义预格式文本。    
        

        

        3、引用、引用和术语定义
           
        

        
     定义简短引用。    
        

        

        		     定义长引用。    
        

        

        		     定义地址。    
        

        

        六、链接与图像
           
        

        
     定义超链接    
        

        
后端码农谈前端（HTML篇）第二课：常见元素_html/css_WEB-ITnose     定义图像。    
        

        
     定义图像地图。    
        

        
     定义图像地图中的可点击区域。    
        

        

        七、
         和    
        

        

        		     定义文档中的分区或节（division/section）。    
        

        
     定义 span，用来组合文档中的行内元素。    
        

        

        八、框架
           
        

        
     定义如何将窗口分割为框架。（注：元素只能嵌套在 元素或元素自身中！）

    
        

        
     定义放置在每个框架中的 HTML 文档。    
        

        

        九、内联框架
           
        
     定义内联的子窗口（框架）。    
        

        十、表单元素
           
        

        

        		     定义供用户输入的表单。    
        

        
     定义输入域。    
        

        
     定义文本域 (一个多行的输入控件)。    
        

        
     定义一个控制的标签。    
        

        
     定义一个选择列表。    
        

        
     定义下拉列表中的选项。    
        

        
     定义选项组。    
        

        
     定义一个按钮。    
        

        

        		     定义域。    
        

        
     定义域的标题。    
        

        

          
          
           
        

           
           
           
           
           
                   

        

        

        

        

                        
        
                    
        大家都在看：
        
                    
                
        
                          
                
        
                            
        
                
            
                            
        
                    
        
                        
                            HTML速学教程(入门课程)
                        
                        
        
                            HTML速学教程(入门课程)
                            
        HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
        
                        
        
                    
        
                    
                        下载
                    
                
        
                
          
			
            
        
                
                                
        来源：php中文网
        
                            
        


            
        
                
                                            
                        收藏
                                    

                
                                            
                        点赞
                                    
            
        



            
        
                                    
                        上一篇：后端码农谈前端（HTML篇）第一课：HTML概述_html/css_WEB-ITnose
                    
                                    
                        下一篇：看好你的门-客户端传数据(10)-不安全的HTML禁用元素_html/css_WEB-ITnose
                    
                            
        
            
        
                
                
        本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
        
            
        

                       
                        
        
                
        最新问题
        
                
        
                                        
        
                        
        
                            html如何查漏洞_HTML代码（XSS/SQL注入）安全漏洞检测方法
                            答案：检查XSS需测试用户输入在页面中的输出是否转义，防止通过或onerror等注入；防范应使用HTML实体编码、避免innerHTML、启用CSP；SQL注入虽发生在后端，但前端可通过检测敏感参数传递和配合参数化查询来降低风险。
                            
        
                                
        
                                    2025-11-15 15:57:06
                                
        
                                
        
                                    351
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            Mac VS Code中Emmet怎么快速展开HTML5模板？
                            答案：在Mac上的VSCode中输入!或html:5后按Tab键，即可快速生成HTML5标准结构，若未生效可通过命令面板执行Emmet:ExpandAbbreviation命令，同时确保设置中启用了emmet.triggerExpansionOnTab且文件语言模式为HTML。
                            
        
                                
        
                                    2025-11-15 15:26:02
                                
        
                                
        
                                    898
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            如何在HTML中嵌入CSS样式表的详细教程
                            内联样式将CSS写在元素的style属性中，适用于单个元素；2.内部样式表在head中使用style标签定义，适合单页样式；3.外部样式表通过link标签引入独立CSS文件，利于多页共享和维护，推荐用于大型项目。
                            
        
                                
        
                                    2025-11-15 15:18:06
                                
        
                                
        
                                    603
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            如何记忆html代码_HTML代码记忆技巧与学习方法
                            理解语义、动手练习、建立代码库、结合CSS学习是掌握HTML的关键。通过联想英文含义记忆标签，如为标题、为段落；每天手写代码强化印象，积累常用结构片段并定期复习；在实践中结合CSS实现视觉反馈，提升兴趣与记忆效果。坚持一个月，HTML标签自然掌握。
                            
        
                                
        
                                    2025-11-15 14:44:51
                                
        
                                
        
                                    757
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            index如何运行html_index.html文件运行与访问方法
                            直接双击html_index.html文件可在浏览器中快速查看静态页面；2.若需指定浏览器，可通过右键“打开方式”选择对应程序；3.开发环境下建议使用LiveServer或Python启动本地服务器以支持AJAX等功能；4.如需对外访问，应将文件部署至Web服务器并配置域名或IP访问路径。
                            
        
                                
        
                                    2025-11-15 14:21:33
                                
        
                                
        
                                    982
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            html5使用form创建注册表单的现代实践 html5使用新输入类型的例子
                            HTML5通过语义化标签和新输入类型优化注册表单，提升用户体验与可访问性。使用form、fieldset、legend和label构建结构，结合type="email"、"date"、"tel"等实现格式验证与设备适配；利用required、minlength、pattern等属性增强客户端验证，减少JavaScript依赖；配合autocomplete、placeholder提升可用性，同时注重响应式设计与无障碍支持，使表单更简洁高效。
                            
        
                                
        
                                    2025-11-15 14:21:05
                                
        
                                
        
                                    815
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            Mac系统如何设置HTML文件自动换行显示？
                            答案：在Mac系统中可通过多种方式实现HTML文件自动换行。一、使用“文本编辑”应用，打开后进入格式菜单启用自动换行并切换为纯文本模式；二、在VisualStudioCode中打开HTML文件，点击右下角“换行”选项或通过设置将wordwrap设为on；三、使用SublimeText，通过View菜单开启WordWrap并可自定义换行列宽，或在设置中添加"word_wrap":true和"wrap_width":80；四、Finder的快速查看功能不支持手动换行，建议使用专业编辑器进行详细阅读。
                            
        
                                
        
                                    2025-11-15 14:21:05
                                
        
                                
        
                                    664
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            html如何增加空行_HTML空行（br/段落）添加与间距控制方法
                            使用标签可实现换行，连续使用产生空行效果；2.用标签通过默认margin形成自然空行，语义清晰；3.推荐用CSS的margin、line-height和padding精确控制间距；4.避免滥用空段落或，应保持HTML结构语义化，优先通过CSS控制样式。
                            
        
                                
        
                                    2025-11-15 13:15:49
                                
        
                                
        
                                    308
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            CSS教程：彻底消除网页页脚（Footer）两侧及底部多余空白的技巧
                            本教程旨在解决网页开发中常见的页脚（footer）元素两侧及底部出现多余空白的问题。核心原因在于浏览器为元素设置的默认外边距。通过简单地将的外边距设置为零，即可有效消除这些不必要的空白，确保页脚紧贴页面边缘，实现更精准的布局控制。
                            
        
                                
        
                                    2025-11-15 13:14:02
                                
        
                                
        
                                    221
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                        
        
                        
        
                            Django视图中控制CSS 3D翻转效果的实现教程
                            本教程详细介绍了如何在Django应用中，利用后端视图与前端模板的协作，实现CSS3D翻转卡片的特定状态（如显示背面）的持久化。通过在Django会话中存储UI状态，并在页面重定向后将其传递给模板，前端HTML和CSS能够根据后端指令渲染出预期的翻转效果，避免了直接在后端操作前端样式的不可能性。
                            
        
                                
        
                                    2025-11-15 13:13:36
                                
        
                                
        
                                    727
                                
        
                            
        
                        
        
                    
        
                    
                    
        
                                    
        
            
        
            
        
                
        
                    
        相关专题
        
                    更多>
                    
                
        
                
        
                    
                
        
            
        

        
        
        
    
        
    
        
            
        
        
        
        
        
		        
        
            
        热门推荐
        
            
        
                            
            
        
            
        
        
        
        
                    
        
		
        
                
        开源免费商场系统广告
        
        		
		
        
        
        
            
        
                
        热门教程
        
                更多>
                
            
        
            
        
                
        
                    
        相关推荐 
        
                    
        热门推荐
        
                    
        最新课程
        
                
        
                
          
                
                                    
        
                
                
            
        
            
        
        
        
        
            
        
                
        最新下载
        
                更多>
                
            
        
                        
            
        
                
        
                    
        网站特效 
        
                    
        网站源码
        
                    
        网站素材
        
                    
        前端模板
        
                
        
                
                
                
                
            
        
            
        
        
    
        

        



        
    
        
        
        
            
        
                
        
                    
        
                        关于我们
                        免责申明
                        举报中心
                        意见反馈
                        讲师合作
                        广告合作
                        
                        最新更新
                        English
                                                
        
                    
        
                    
        php中文网：公益在线php培训，帮助PHP学习者快速成长！
        
                    
        
                      
                        关注服务号
                        
                      
                        
                        技术交流群
                        
                      
                        
        
                    
        
                
        
                
            
        
            
        
                
        
                    
                    
        
                        
        PHP中文网订阅号
        
                        
        每天精选资源文章推送
        
                    
        
                
        
                
        
                    
                    
        
                        
        PHP中文网APP
        
                        
        随时随地碎片化学习
        
                    
        
                
        
            
        
        
        
    
        
    
        
        
        Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
        
    
        

        



































        
    
      3. 
        
        
            
        
                
                    
                    
        PHP学习
        
                        
            
        
        
        
    
        4. 
    
      4. 
        
        
            
        
                
                    
                    
        技术支持
        
                        
            
        
        
        
    
        5. 
    
      5. 
        
        
            
        
                
                    
                    
        返回顶部
        
                        
            
        
        
        
    
        6.