HTML速成教程

最新推荐文章于 2024-04-26 08:30:37 发布
最新推荐文章于 2024-04-26 08:30:37 发布
阅读量2.7k 收藏 11
点赞数 2
文章标签： 网页设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChangingWay/article/details/42977649
版权
1.HTML速成教程1.1.基本标签1.1.1.HTML标签1.1.2.头部标签1.1.3.标题标签1.1.4.概要标签1.2.正文标签1.3.Character字符，Paragraph段落和Position位置1.1.5.标题标签1.1.6.段落标签1.1.7.Align对齐属
摘要由CSDN通过智能技术生成

1.HTML速成教程

1.1.       基本标签

标签（Tag）是HTML语言的元素，几乎所有标签都有一个打开符号和关闭符号。例如<HEAD> 标签表示头部信息的开始位置，它拥有一个对应表示关闭的标签 </HEAD>.

1.1.1.    <HTML></HTML>HTML标签

这对标签告诉浏览器此文件是一个HTML文件。每个HTML文档都从<HTML>标签开始，对应的</HTML>标签是HTML文件的最后一个标签。

1.1.2.    <HEAD></HEAD>头部标签

这对标签之内的内容表示HTML文件的头部，一般用来存放文件相关的重要信息

1.1.3.    <TITLE></TITLE>标题标签

title是一个重要标签，一般表示在浏览器顶部显示的标题。这对标签嵌在<HEAD></HEAD>标签之内

 

     <html>
 

     <head>
 

     <title>HTML速成教程</title>
 

     </head>
 

     <body>
 

     </body>
 

     </html>
 

1.1.4.    <META>概要标签
 

另外可嵌入<HEAD></HEAD>标签之内的标签还有 <META>概要标签，一般用于协助搜索引擎去索引一个页面。有以下几种不同的概要元信息：
 

author作者信息:
 

 

     <META NAME="author" CONTENT="崔卢李">
 

description描述信息:
 

 

<META NAME="description" CONTENT="一个针对初学者的简易HTML速成教程">
 

keyword关键词信息，注意：使用逗号分隔关键词(SEO中也用不规范 的|竖线分隔)
 

 

<META NAME="keyword" CONTENT="html,tutorial,beginner,web design,教程,初学者,网页设计">
 

示例：
 

 

<head>
 

<title>HTML速成教程</title>
 

<meta name="Author"  content="崔卢李">
 

<meta name="Description" content="一个针对初学者的简易HTML速成教程">
 

<meta name="Keywords" content="html,tutorial,beginner,web design,教程,初学者,网页设计">
 

</head>
 

1.2.       <BODY></BODY>正文标签
 

Body正文标签定义网页的主体部分的开始和结束。在这一对标签之间可以放入各种重要标签，例如：images图片,links链接, text文本, paragraphs段落, forms表单等
 

1.3.       Character字符，Paragraph 段落和Position位置
 

1.1.5.    <H#></H#>标题标签
 

共有H1到H6的6个层级的标题标签，最大的标题为<H1>，最小的标题为<H6>，其他依此类推。这些标签一般用于正文的大纲视图分层级。
 

 

     <H1>最大文本</H1>
 

     ......
 

     <H6>最小文本</H6>
 

1.1.6.    <P></P>段落标签
 

P段落标签 <P></P>之间可以放入一个段落，如：
 

            <p>基本信息</p>
 

注意：</P>关闭标签可以省略。
 

1.1.7.    Align对齐属性
 

可以使用ALIGN标签来定义对齐方式。注意：默认为左对齐。
 

 

     <p ALIGN="center">段落文本居中对齐</p>  
 

     <p ALIGN="left"> 段落文本左对齐</p>
 

     <p ALIGN="right">段落文本右对齐</p> 
 

1.1.8.    <CENTER></CENTER>居中对齐标签
 

此标签可以使得网页中的文本居中对齐。
 

 

     <center><p> 段落居中</p></center>
 

1.1.9.    <BR>换行标签
 

可使其后文本新起一行，如：
 

 

     <p>欢迎光临<br> HTML入门教程官网!</p>
 

1.1.10.            <HR>水平分隔线
 

 

可以插入一条水平分隔线，HR标签可设置如下：
 

 

<hr width="450" align="right" size="5">
 

1.1.11.            &nbsp;空格
 

可以在文本中闯入空格 &nbsp;.
 

1.1.12.            <BLOCKQUOTE></BLOCKQUOTE>引用块
 

可定义引用的内容块，一般会在块的左右两边进行缩进（增加外边距），而且有时会使用斜体。
 

 

     <BLOCKQUOTE>    
 

     <H1>欢迎光临HTML入门教程官网!</H1>
 

     <p>教程内容</p>
 

     <p>基础信息</p>
 

     </BLOCKQUOTE>
 

1.1.13.            <PRE></PRE>预格式化
 

可定义预格式化段落文本，使得输入内容和显示内容一致，即所见即所得，经常用来显示源码
 

 

     <pre>
 

    物品  单价　   数量
    ---------------------------------
 

      A       34.99        23
 

      B       25.95        13
 

    ---------------------------------
 

     </pre>
 

1.1.14.            Comments注释
 

comment注释标签里面的内容不会显示出来，使用如下:
 

 

     <!-- 这里是注释 -->
 

1.4.       Character Style字符样式
 

字符样式包括物理和逻辑字符样式，和字体 Face,大小Size, 和颜色Color
 


 
  

    
类别
 		
    
标签
 		
    
功能
 		
  

  

    
物理样式
 		
    
<B>
 		
    
粗体化文本
 		
  

  

    
<I>
 		
    
斜体
 		
  

  

    
<U>
 		
    

  

 


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  ChangingWay
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    11
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
html新手3分钟速成秒杀一切教程

				
			

			

				

					09-11
				

			

		

		

			
				
基础教程: 
1.Html的结构组成
2.Body的常用属性
3.字体
4.图像
5.表格表项对齐方式

6.表格
7.框架
8.序列卷标
9.表单
10.排版卷标

11.背景标志
12.链接标志
 	 	 
 	 	 	 	 
 	 	 	 	 

其他实例教程 
13.关于Iframe标记
14.关于播放音乐
 	 	 
 	 	 	 	 
 	 	 	 	 
 	 	 	 	 

  HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。 
    先简单的介绍一下HTML语言（我们在这灌输大家的是能够实际操作），HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。

是呀，HTML并不是很神奇，只是因为你不是很了解它，现在咱们就开始接她的面纱：

一、HTML的组成结构（头部、眼睛、身体----好像一个人一样是不是？）

1、头部。只要你学过英语，你应该知道头怎么用英文写吧！yes，HEAD就是了；所以，头部的HTML写法就是头部的内容，简单不，大家注意一下，这两个非常相似，只是后一个比前一个多了“/”符号。类似这样的以后会经常用到。

2、眼睛。就好像人的眼睛一样，它是心灵的窗口，而一个网页的眼睛应该就是它的页面的标题了，标题怎么说呢？title,yes！大家知道眼睛是长在头上的，所以啦:标题这些应放在和之间。也就是
标题

3、身体。身体是网页最主要的部分了，因为前面讲的都不是页面所显现出来的，而大家所看到的页面页就是他的身体部分了（当然它的TITLE可以在浏览器的最左上角可以看到），身体----BODY，他的写法也就是：页面内容
最后，别忘了把这些部分组成一体----网页，所以咱们就用把他们给包起来。
好了，咱们来大体看看网页的结构：



标题



页面内容



			
		

	



                

              
                



	

		

			

				
					
HTML速成教材，html初学者教程

				
			

			

				

					04-15
				

			

		

		

			
				
HTML速成教材，初学者教程，初学者教程。HTML速成教材，初学者教程，初学者教程

			
		

	



                


  
              

                


	

		

			

				
					
【三天速成HTML】HTML详解

				
			

			

				

					yzero11111的博客
				

				

					09-19
					
					762
					
				

			

		

		

			
				
什么是HTML（超文本标记语言）超文本标记语言：Hyper Text Markup Language即标签化语言[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OPvWUqZr-1663557044389)(D:\大三上\java自学笔记\java自学图片笔记\HTML1.png)].org结尾的：开源网站

			
		

	





	

		

			

				
					
HTML速成

					
最新发布

				
			

			

				

					m0_51798276的博客
				

				

					04-26
					
					309
					
				

			

		

		

			
				
HTML速成

			
		

	



		

			
		



	

		

			

				
					
HTML速成总结

				
			

			

				

					Daphne_Liu的博客
				

				

					07-19
					
					656
					
				

			

		

		

			
				
HTML速成简单总结
Hyper Text Markup Language
本人前端小白一枚，近日速成HTML，写此博客作为学习总结，如有错误，敬请批评指正。
HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
简单来说，HTML是一种用来描述网页的语言。
<html>
<body&g

			
		

	





	

		

			

				
					
半小时速成HTML(三)

				
			

			

				

					沉迷单车的追风少年
				

				

					02-11
					
					422
					
				

			

		

		

			
				
半小时速成HTML(一)：https://blog.csdn.net/qq_41895747/article/details/104243943
半小时速成HTML(二)：https://blog.csdn.net/qq_41895747/article/details/104258303

文章目录HTML CSS背景颜色字体颜色和字体大小文本对齐方式表格标签有序列表和无序列表区块框架
HTML...

			
		

	





	

		

			

				
					
HTML基础期末速成笔记

				
			

			

				

					yooppa的博客
				

				

					01-04
					
					162
					
				

			

		

		

			
				
第五章
超链接：
以文字作为载体：<a href=“ ”>文字</a>
以图像作为载体：
<a href=“   ”><img src=“ 图像路径 ”/></a>

target属性用于指定打开链接的目标窗口，
其属性值是：
■_self 默认值
■_blank  将被链接的目标加载到新的浏览器窗口
■_parent： 将被链接的目标加载到父框架窗口.
■_top：将被链接的目标加载到整个浏览器窗口中打开链接
锚记(书签)链接
部分代码展示：
&

			
		

	





	

		

			

				
					
B01-HTML速成教程

				
			

			

				

					01-21
				

			

		

		

			
				
HTML速成教程。 •	本教程假设你是零起点的初学者，或已经接触过一星半点理论知识； •	本教程将通过实例编程从一个全面和概要的角度来讨论HTML、CSS、JavaScript、C#和SQL等基础知识，你只要浏览这些教程并且动手...

			
		

	





	

		

			

				
					
PHP入门速成教程

				
			

			

				

					10-30
				

			

		

		

			
				
PHP入门速成教程   PHP是用于创建动态WEB页面的服务端脚本语言，具有强大的数据库支持功能和跨平台兼容性。用户可以混合使用PHP和HTML编写WEB页面，当访问者浏览到该页面时，服务端会首先对页面中的PHP命令进行处理...

			
		

	





	

		

			

				
					
B04-JavaScript速成教程

				
			

			

				

					01-27
				

			

		

		

			
				
JavaScript速成教程:本教程假设你是零起点的初学者，或已经接触过一星半点理论知识； 本教程将通过实例编程从一个全面和概要的角度来讨论HTML、CSS、JavaScript、C#和SQL等基础知识，你只要浏览这些教程并且动手撰写...

			
		

	





	

		

			

				
					
HTML教程全集

				
			

			

				

					10-15
				

			

		

		

			
				
HTML教程，资源来源于w3school网站，希望能对各位有所帮助

			
		

	





	

		

			

				
					
HTML教程

				
			

			

				

					08-21
				

			

		

		

			
				
HTML教程,适合中低新手

			
		

	





	

		

			

				
					
html教程全

				
			

			

				

					07-30
				

			

		

		

			
				
html经典教程，绝对推荐！（HTML（Hyper Text Markup Language 超文本标识语言）
是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文件称为HTML文件，也称Web文件。）

			
		

	





	

		

			

				
					
一文说懂#00ff00、0x00ff00、rgb(0, 255, 0)的关系

				
			

			

				

					qq_29517595的博客
				

				

					04-21
					
					2181
					
				

			

		

		

			
				
#00ff00、0x00ff00、rgb(0, 255, 0)的关系

			
		

	





	

		

			

				
					
HTML零基础入门教程（详细）

					
热门推荐

				
			

			

				

					ZONGXP的博客
				

				

					10-22
					
					21万+
					
				

			

		

		

			
				
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

HTML 指的是超文本标记语言:HyperTextMarkupL...

			
		

	





	

		

			

				
					
HTML详细教程

				
			

			

				

					qq_40046544的博客
				

				

					10-17
					
					6770
					
				

			

		

		

			
				
HTML 是网页使用的语言，定义了网页的结构和内容。浏览器访问网站，其实就是从服务器下载 HTML 代码，然后渲染出网页。HTML 的全名是超文本标记语言（HyperText Markup Language），上个世纪 90 年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明。它的最大特点就是支持超链接，可以跳转到其他网页，从而构成了整个互联网。1999 年，HTML 4.0.1 发布，成为广泛接受的 HTML 标准。

			
		

	





	

		

			

				
					
HTML基础教程（一）

				
			

			

				

					kikyo1的博客
				

				

					05-14
					
					3289
					
				

			

		

		

			
				
1、没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。       如&lt;br&gt;。在开始标签中添加斜杠，比如&lt;br/&gt;，是关闭空元素的正确方法。2、HTML标签对大小写不敏感，但推荐小写。3、属性值应该始终被包括在括号内。4、注释：开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。        &lt;!-- This is a c...

			
		

	





	

		

			

				
					
python tkinter 速成教程

				
			

			

				

					04-05
				

			

		

		

			
				
Python tkinter 是一个 Python 内置的图形化用户界面(GUI)库，可以用于创建各种类型的 GUI 应用程序。下面是一个简单的 tkinter 程序：

```python
import tkinter as tk

root = tk.Tk()

label = tk.Label(root, text="Hello, World!")
label.pack()

root.mainloop()
```

这个程序创建了一个窗口，窗口里面有一个标签，标签上显示了 "Hello, World!"。下面详细介绍每个部分的含义：

1. `import tkinter as tk`：导入 tkinter 库，并将它重命名为 `tk`，这样在程序中就可以使用 `tk` 来代替 `tkinter`。

2. `root = tk.Tk()`：创建一个名为 `root` 的窗口对象。

3. `label = tk.Label(root, text="Hello, World!")`：创建一个标签对象，并将它添加到 `root` 窗口中。`text` 参数指定了标签上显示的文本。

4. `label.pack()`：将标签对象打包添加到 `root` 窗口中。

5. `root.mainloop()`：启动窗口的事件循环，使窗口保持显示状态，直到用户关闭窗口为止。

以上就是一个简单的 tkinter 程序的基本结构，如果想要创建更复杂的 GUI 应用程序，可以继续学习 tkinter 的其他功能。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值