html 基础

最新推荐文章于 2024-08-24 09:46:30 发布
最新推荐文章于 2024-08-24 09:46:30 发布
阅读量557 收藏
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dong_vip/article/details/54864345
版权 
HTML 基础
<!DOCTYPE html>
<html lang="en">
    <head>
    // 网页配置
        <meta charset="utf-8"/>
        <meta name="Keywords" content="词,词"/>
        <meta name="Description" content="页面描述" />
        <title>标题</title>
    </head>
    <body>
    网页内容
    </body>
</html>

<> DTD: 文档类型声明Doc Type Declaration 一共有7种, 3中html4.0.1, 3种XHTML1.0的,1种HTML5
  三个小种 : strict transtitional frameset
  XHTML总体要比HTML更为严格,比如是小写字母标签等等
<> 字符集 Charset UTF-8 gb2312(GBK)
  utf-8:字符全,每一个汉字三个字节,所以文件尺寸大
  gb2312:每一个汉字两个字接
<> HTML就是负责描述语义的:常见标签,容器型,文本型
  h1-h6 标题
  p 段落:里面只能放文本,图片,表单原色(流元素)
  img 图片标签  <img src="图片相对路径" alt="当图片不能显示显示当前文字"> source alternate (../)
<> a 锚点 anchor <a href="链接地址" title="悬停文本" target="_blank新页面">超文本链接文字</a> 
  页面内锚点<a name=""/ id=""></a> <a href="#name/id"></a>
 

 


                

        

        

    

  


    

      

        

            

              
                
                  dong_vip
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
【前端学习笔记】HTML 基础

				
			

			

				

					2401_84304834的博客
				

				

					04-18
					
					2501
					
				

			

		

		

			
				
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它允许用户通过结合文本、图像、链接、格式等元素来构建网页，并通过浏览器进行解析和显示。HTML文件通常以.html或.htm为扩展名，包含一系列的标签（tags），这些标签用于定义网页的结构、样式和内容。

			
		

	



                

            
              



	

		

			

				
					
HTML基础模板

				
			

			

				

					qq_61690596的博客
				

				

					07-18
					
					2148
					
				

			

		

		

			
				
HTML基本模板，每个基础元素的内容和作用

			
		

	



              


  
              

                


	

		

			

				
					
HTML——语法

				
			

			

				

					Alyson_jm的博客
				

				

					02-19
					
					6806
					
				

			

		

		

			
				
文章目录页面结构一、文档声明头二、页面语言头标签meta 标签title 标签base 标签link 标签三、body 标签语义为什么要语义化写HTML 代码要注意些什么
页面结构
一个标准的HTML页面如下：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, i

			
		

	





	

		

			

				
					
html头部中各式各样的meta

				
			

			

				

					weixin_30668887的博客
				

				

					06-05
					
					244
					
				

			

		

		

			
				
在写网页的过程中，第一步就是创建一个html文档。如下是最简单的 html5 文档。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="wid...

			
		

	



		

			
		



	

		

			

				
					
入门html标签

					
最新发布

				
			

			

				

					dhudhj的博客
				

				

					08-24
					
					908
					
				

			

		

		

			
				
标签是一个块级元素，这意味着它在页面上占据的区域会从新的一行开始，并且通常可以容纳其他块级元素或内联元素。在HTML中定义了一个超级链接，它可以用来从一个页面链接到另一个页面，或者在当前页面内跳转到特定的部分。标签通常具有上下行距，这意味着它们在页面上显示时，上方和下方会有额外的空间，以区分标题和其他内容。是最高级别的标题，通常具有最大的字号，随着标题级别的增加，字体大小会逐渐减小。：这些标题标签是块级元素，它们会占据整行，不会和其他元素在同一行显示。是HTML中的标题标签，它们用于定义不同级别的标题。

			
		

	





	

		

			

				
					
html

				
			

			

				

					weixin_49308607的博客
				

				

					11-25
					
					712
					
				

			

		

		

			
				
HTML
第一个html程序
<!-- DOCTYPE:告诉浏览器我们要使用什么规范 -->

<!DOCTYPE html>

<html lang="en">

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

			
		

	





	

		

			

				
					
HTML基础

				
			

			

				

					qq_44801321的博客
				

				

					08-14
					
					3865
					
				

			

		

		

			
				
W3C标准

结构化标准语言（HTML,XML）.
表现标准语言（CCS）.
行为标准语言（DOM，ECMAscript）

HTML基本结构
<body> <-body>等成对的标签分别叫做开放标签和闭合标签
单独出现的叫自闭合标签

<!--DOCTYPE用来定义标准-->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网页的头部-->
<head>
<!--meta描述

			
		

	





	

		

			

				
					
html基础学习

				
			

			

				

					weixin_52676304的博客
				

				

					10-15
					
					5522
					
				

			

		

		

			
				
html新手学习，以菜鸟教程为主

			
		

	





	

		

			

				
					
HTML基础练习题

					
热门推荐

				
			

			

				

					weixin_50108821的博客
				

				

					09-23
					
					1万+
					
				

			

		

		

			
				
第一题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嘿嘿嘿</title>
</head>
<body>
     <table border="1" cellspacing="0" cellpadding="0">
         <tr   align="center">

			
		

	





	

		

			

				
					
《Web程序设计基础R》实验报告---HTML基础

				
			

			

				

					一只小鹿的博客
				

				

					12-21
					
					4880
					
				

			

		

		

			
				
一、实验目的
1．掌握常用的HTML语言标记；
2．利用文本编辑器建立HTML文档，制作简单表单页面。
二、实验环境
计算机、Windows10 操作系统
三、实验内容、源码及运行结果
1．
	实验内容
在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）
源程序清单如下：
1.	<html>  
2.	<head>  
3.	<title>Example</title&

			
		

	





	

		

			

				
					
HTML语法格式

				
			

			

				

					m0_56246862的博客
				

				

					08-04
					
					4914
					
				

			

		

		

			
				
HTMLHTML基本框架
HTML基本框架
<!DOCTYPE html>		
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

在idea中创建HTML文件会自动生成以上代码片

!DOCTYPE html是用来告诉浏览器

			
		

	





	

		

			

				
					
HTML中的实体，meta标签

				
			

			

				

					Ice Point.
				

				

					01-15
					
					254
					
				

			

		

		

			
				
实体：&实体的名字;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实体</title>
</head>
<body>
        

			
		

	





	

		

			

				
					
html乱码问题

				
			

			

				

					Gehang的博客
				

				

					05-07
					
					1402
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 作用:告诉浏览器所采用的编码字符集是什么，然后浏览器就会根据此字符集来解码,只是一个告诉浏览器的作用，
        具体的内容字符集格式是根据当前编辑器来决定的
    -->
    <meta charset="UTF-8">
  ...

			
		

	





	

		

			

				
					
HTML 注册案例 学习 制作

				
			

			

				

					CodeDoraemon的博客
				

				

					01-25
					
					315
					
				

			

		

		

			
				
案例目标

2. 示例代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   

			
		

	





	

		

			

				
					
HTML 有序列表 自定义列表

				
			

			

				

					CodeDoraemon的博客
				

				

					01-24
					
					3065
					
				

			

		

		

			
				
有序列表

  表示这是一个有序列表
 有序列表中的列表项
# 代码示例
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有序列表</title>
</head&g

			
		

	





	

		

			

				
					
html基础

				
			

			

				

					weixin_45951689的博客
				

				

					09-17
					
					1852
					
				

			

		

		

			
				
<!DOCTYPE html><!--约束，声明-->
<html lang="zh_CN">  <!--html标签表示html的开始  lang="en"表示英文，lang="zh_CN"表示中文-->
<head>  <!--表示头部信息，一般包含三部分，title标签，css样式，js代码-->
    <meta charset="UTF-8">  <!--表示当前页面使用UTF-8字符集-->
   

			
		

	





	

		

			

				
					
HTML基础知识速览：文档结构与常用标签

				
			

			

				

					
				

			

		

		

			
				
"该文档是关于HTML基础知识点的总结，主要涵盖了HTML文档的基本结构、标题标签、文字属性、特殊符号、行控制、图片插入以及文字布局等方面的内容。适合初学者学习和参考。"  HTML（HyperText Markup Language）是...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值