HTML入门(2)：常见组件

最新推荐文章于 2025-01-07 14:42:15 发布
原创 最新推荐文章于 2025-01-07 14:42:15 发布 · 431 阅读 · 0 ·
CC 4.0 BY-SA版权
本文为博主CSDN Rosefun96原创文章，转载请注明。

本文介绍了HTML中四个重要的基本元素：如何通过viewport元标签实现响应式布局，link元素的用途如链接样式表和设置网站图标，nav元素的使用来创建导航链接，以及img元素的alt属性为图像提供描述。这些基础知识对于理解和构建网页至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 自动适应设备宽度

在head部分添加

<meta name="viewport" content="device-width, initial-scale=1">

2. link用法

HTML外部资源链接元素 (<link>) 规定了当前文档与外部资源的关系。该元素最常用于链接样式表，此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。

要链接一个外部的样式表，你需要像这样在你的<head>中包含一个<link>元素：

<link href="main.css" rel="stylesheet">

一个网站图标的链接：


                

                
                
        

    

    
  


        

            

                      
                        最低0.47元/天 解锁文章
                        

                          
200万优质内容无限畅学

                          
                        

                      
            

        


    



                



	

		

			

				
					
HTML网站框架与组件库

				
			

			

				

					吃不胖.
				

				

					09-16
					
					876
					
				

			

		

		

			
				
Bootstrap Bootstrap是一个免费、开源的前端框架，它使用HTML、CSS和Javascript等技术，可以用于响应式Web设计，自适应移动设备、平板电脑等设备，可以用于快速构建CSS、HTML及javascript等组件，如按钮、导航栏、表单、模态框等。Materialize Materialize是一种基于Google Material Design语言的响应式HTML、CSS和Javascript的前端框架，它提供了一套美观、简单的UI组件库，包括卡片、按钮、表单、图标、行动栏等。

			
		

	



                

            
              



	

		

			

				
					
HTML网站框架与组件库推荐

				
			

			

				

					吃不胖.
				

				

					07-29
					
					863
					
				

			

		

		

			
				
UIkit 是由 YOOtheme 开发的 HTML 网站框架，它提供了一些内置的组件和样式，帮助开发人员快速构建具有响应式布局的网站和 Web 应用程序。UIkit 的主要优势在于它的可定制性和灵活性，可以轻松地自定义样式和组件。Materialize 具有大量的文档和范例，支持多种颜色、字体和布局，并包括一些内建的 JavaScript 插件，例如轮播、模态框、侧边菜单等。Tailwind CSS 的文档和范例非常丰富，它提供了许多自定义选项和可用的原子类，帮助开发人员快速构建复杂的布局和组件。

			
		

	



              


  
              

                


	

		

			

				
					
HTML常用控件

				
			

			

				

					12-24
				

			

		

		

			
				
HTML常用控件

			
		

	





	

		

			

				
					
HTML组件合集

				
			

			

				

					博铺子
				

				

					10-08
					
					2886
					
				

			

		

		

			
				
目录

目录

目录

前言：

1，天气组件

示例：

源码：



2，倒计时：

示例：

源码：

3，网页小时间

示例：

源码：



4，页面IP地址

示例：

源码：

前言：

    新人第一次写文章，这个页面的小组件内容持续更新，一旦想到新组件会更新到此文章上面。同时也会应用在我的博客上面更新。

博铺子http://zbybk.club

1，天气组件

示例：



源码：


<div class="tq"><iframe scrolling=...

			
		

	



		

			
		



	

		

			

				
					
html的常用控件

				
			

			

				

					wulong710的专栏
				

				

					11-13
					
					573
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>测试js</title>
    <base href="" target="_blank">
    <style>
        .boxcontainer {
            margin: 0 auto;
            width: 1000px;.

			
		

	





	

		

			

				
					
VUE组件入门

				
			

			

				

					04-10
				

			

		

		

			
				
### VUE组件入门知识点详解  #### 一、组件概述 - **定义**：在Vue.js中，组件（Component）是一种非常重要的概念，它是Vue.js框架中最强大的功能之一。组件允许开发者将页面分解成独立的、可复用的部分，每个部分都...

			
		

	





	

		

			

				
					
UniApp 入门1：创建一个空白 Vue2 项目

					
最新发布

				
			

			

				

					m0_74331272的博客
				

				

					01-07
					
					1114
					
				

			

		

		

			
				
pages/- 页面文件夹，所有页面放这里。static/- 静态资源，图片、字体等静态文件放这里。App.vue- 根组件，管理应用的整体结构。main.js- 主入口文件，初始化应用。- 项目配置文件，定义应用名字、权限等。pages.json- 路由导航，管理页面跳转和标题。希望这个简单的目录解析能让你快速上手 UniApp！🎉下一步要做什么？👉 运行项目，修改首页内容，让页面活起来吧！💻别忘了多试试 UniApp 的特色功能，比如一键发布多端。😆🎊。

			
		

	





	

		

			

				
					
BootStrap入门到实战：BootStrap组件（二）- 输入框组、导航、导航条、路径导航（面包屑效果）

				
			

			

				

					林林一928的博客
				

				

					06-04
					
					1300
					
				

			

		

		

			
				
导航标签用于在网页上创建各种风格的导航栏，包括水平标签页、胶囊式标签页、垂直堆叠的胶囊式标签页、两端对齐的胶囊式标签页、禁用的链接以及带下拉菜单的标签页。bootstrap的导航条是一个高度可定制的界面组件，它不仅支持丰富的界面元素配置，还提供了灵活的空间布局策略。在实际运用场景中，输入组（Input Group）在Bootstrap框架中主要用于提高表单的可读性和用户友好性，通过将相关控件组合在一起，为用户提供更直观、更易于操作的表单体验。添加相应的尺寸类，其内部包含的元素将自动调整自身的尺寸。

			
		

	





	

		

			

				
					
《Vue零基础入门教程》第二十一课：深入组件

				
			

			

				

					2401_84715637的博客
				

				

					12-05
					
					597
					
				

			

		

		

			
				
在父组件模板中设置, 但是没有被子组件接收的属性常见的透传属性最常见的例子就是。

			
		

	





	

		

			

				
					
HTML组件

				
			

			

				

					stealPigs-youth的博客
				

				

					06-22
					
					2791
					
				

			

		

		

			
				
form表单、input框、错误格式提示框、重置按钮、提交按钮。

			
		

	





	

		

			

				
					
html常用组件

				
			

			

				

					
				

				

					07-11
					
					386
					
				

			

		

		

			
				
checkbox: 
<input type="checkbox" name="vehicle" value="Bike">I have a bike</input>
<input type="checkbox" name="vehicle" value="Car...

			
		

	





	

		

			

				
					
html基础组件

				
			

			

				

					Settle是小天的博客
				

				

					06-14
					
					1329
					
				

			

		

		

			
				
前端 Html基础篇


、对等标签，分别较开放标签和闭合标签 单独呈现的标签（空元素），
如；意为用/来关闭空元素

<!-- DOCTYPE:告诉游览器，我们要使用什么规范 -->
<!DOCTYPE html>

<html lang="en">

<!-- head标签代表网页头部 -->
<head>
    <!-- meta标书性标签，它用来描述我们网站的一些信息 -->
    <!-- meta一般用来做SEO 

			
		

	





	

		

			

				
					
HTML基本语法及常用组件[web前端]

				
			

			

				

					m0_58450531的博客
				

				

					09-06
					
					2515
					
				

			

		

		

			
				
HTML：超文本标记语言 (HyperText Markup Language)。超文本：指的是网页中可以显示的内容，例如图片、链接、音频、视频......标记：指的是标签，通过标记符号来告诉浏览器网页内容该如何显示(如：商品的标签、衣服上的标签，介绍衣服信息) ，html语言中提供了许多的标签，我们可以使用标签来编写网页，最终通过浏览器进行翻译，呈现最终的效果，也就是通过标签来编写网页内容。

			
		

	





	

		

			

				
					
HTML 组件

				
			

			

				

					weixin_33881753的博客
				

				

					03-30
					
					116
					
				

			

		

		

			
				
HTML组件是IE5.0的主要扩展之一，其也最具革命性，微软的意图是用HTML组件来取代ACTIVEX控件，和ACTIVE控件一样，HTML组件是自持续封闭对象，可以一次开发任意使用，使用HTML组件有很多好处，本文将给您揭示其中的一些！

    
        
            
        
    

　　HTML组件带入了很多新的术语、思想、对象、方法和属性...

			
		

	





	

		

			

				
					
HTML组件库（之一：splitter） (转)

				
			

			

				

					circularr9834的博客
				

				

					08-14
					
					203
					
				

			

		

		

			
				
HTML组件库（之一：splitter） (转)[@more@]HTML组件库（之一：splitter）
微软自从在浏览器大战中战胜网景后，其HTML技术逐步走向组件化，从简单的Javascript到scrptlet再到beh...

			
		

	





	

		

			

				
					
7.3 关于HTML组件

				
			

			

				

					
				

				

					11-04
					
					2986
					
				

			

		

		

			
				
关于HTML组件HTML组件用于显示HTML网页内容，被用于在AIR程序中渲染外部的指定HTML内容。它提供了轻量级的浏览器的功能，包括载入HTML页面，历史记录导航，以及访问HTML内容的能力。HTML组件并不是用来代替Text 和 TextArea组件来显示格式化文本数据。创建一个HTML 组件使用 标签在MXML中定义一个HTML组件，下面的例子中，给其指定一个id以便在其他

			
		

	





	

		

			

				
					
HTML基本语法及常用组件

				
			

			

				

					m0_61976036的博客
				

				

					04-05
					
					802
					
				

			

		

		

			
				
显示的内容

			
		

	





	

		

			

				
					
HTML组件(HTML COMPONENTS)

				
			

			

				

					Alinker
				

				

					10-05
					
					1835
					
				

			

		

		

			
				
HTML组件(HTML COMPONENTS)之一    2004-06-17 10:55:27　  　        HTML 组件（HTML COMPONENTS）是IE5。0的主要扩展之一，其也最具革命性，微软的意图是用HTML组件来取代ACTIVEX控件，和ACTIVE控件一样，HTML组件是自持续封闭对象，可以一次开发任意使用，使用HTML组件有很多好

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
rosefunR

			
你的赞赏是我创作的动力！

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值