html 的学习成果

最新推荐文章于 2022-08-11 16:37:48 发布
最新推荐文章于 2022-08-11 16:37:48 发布
阅读量511 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinshishenchao/article/details/51591121
版权

主要内容就是 基本的html的编辑 包括主要框架、换行、空格、有序、无序列表、段落、标题、表格、超链接、图片等的标签的使用。

下面是第一个也是主要的html文件。

  <html>   //开头
<head>//头标记,存放html的一些信息
<title>  Html ！</title>
</head>

<body>
<center> <b> <h1> HI!</h1>  </center>      //h1是一级标题（最大）


<h2><ul>  //二级
<li>  How are you ?
<li>  I am fine. 
<li>  And you ? 
<li>  Me too. 
<li>  Thank you .<br>//  <br> 换行标记 在这里使用回车键是无效的。空格键使用一次或多次只会有一个。
</ul>


<h3><ol>  //三级
<li> <b> How are you ? </b>
<li> <b> I am fine. </b>
<li> <b> And you ? </b>
<li> <b> Me too. </b>
<li> <b> Thank you .</b>


<p> <h4><b>T&nbsp;&nbsp;&nbsp;h&nbsp;&nbsp;i&nbsp;s       is          a           sentence!  </b></p>  // &nbsp;  是空格标记。nbsp就是 non-breaking space（不间断空格）
<p> <h1>越</h1> <h2>来</h2> <h3>越</h3> <h4>小</h4> <h5>了</h5> <h6>吧 </h6> </p>//不同级别的标题标记的比较
<a href="xq.html"> 详情 </a>//超链接标记，需要另一个html文件xq.html。hrfe（超文本引用 超链接 hypertext reference）
<img src="C:\Users\Administrator\Desktop\杂项\文件/QQ截图.png"

 

  height="400" width="800"/> 
 // 
图片的标记<img src="图片路径">    
src是 
source的缩写，这里是源文件的意思。路径不好找，我卡在这半天。可以填相对路径，但绝对路径比较好。 

 

<table width="389" height="267" border="2"  align="center"  >//表格标记 里面设置参数
 <caption> <center> <h2>grade</h2> </center> </caption>//表格标题<caption> 
 <tr> <td  align="center" valign="middle"><b>姓名</b></td>  //<tr> 行标记
 <td  align="center" valign="middle"><b>语文</b></td>//<td> 单元格标记
 <td  align="center" valign="middle"><b>数学</b></td>
 <td  align="center" valign="middle"><b>英语</b></td>
 </tr>
 <tr> <td align="center" valign="middle">张三</td>
 <td align="center" valign="middle">1</td>
 <td align="center" valign="middle">2</td>
 <td align="center" valign="middle">3</td>
 </tr>
 <tr> <td align="center" valign="middle">李四</td>
 <td align="center" valign="middle">4</td>
 <td align="center" valign="middle">5</td>
 <td align="center" valign="middle">6</td>
 </tr>
 <tr> <td align="center" valign="middle">王五</td>
 <td align="center" valign="middle">7</td>
 <td align="center" valign="middle">8</td>
 <td align="center" valign="middle">9</td>
 </tr>
 </table>
 </body>
 </html>
 

下面是比较简单的html文件xq.html。（只是为了验证超链接标记）
 


 <bead>
 <title>详情</title>
 </bead>
 <body>
 这是详情。
 </body>
 </html>
 
 

注意有些标记要有结束标记的<...>.......</...>
 

下面附上几个效果图
 
 
 


 
 


 
 

单击详情后，会跳转到xq.html
 


 
 

.
 

好了，暂时会的也就这么多了，还是不太熟练。虽然还不成熟，也要记录一下的。大笑   go! go!! go!!!

                

        

        

    




    

      

        

            

              
                
                  心之苍苍
                
              
            

            

                关注
              
            

        

        

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

      

      










                



	

		

			

				
					
【HTML】记录学习html时的实践成果

				
			

			

				

					shupppppppy的博客
				

				

					09-14
					
					195
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <meta http-equiv="refresh" content="60"><!--每一分钟刷新网页-->
      <style type="text/css">
        h1 {color:red;}
        h2 {color:blue;}
        h3

			
		

	



                

              
                



	

		

			

				
					
近期学习html收获。

				
			

			

				

					qq_3080535871的博客
				

				

					10-10
					
					818
					
				

			

		

		

			
				
一、HTML文本标签 hn,span,p
网页中的标题
HTML中标题(heading)分为6级，分别是：h1、h2、h3、h4、h5、h6.H1-h6标签具有和p标签一样的特征：占满整行，上下换行
普通文本标签与段落标签
普通文本标签span
在HTML用于显示文本的基本标签对是。
虽然不编写任何标签，将文字直接写于标签对内也能正常显示，但是这样我们对此文本的控制力会极度的减弱。
段落标签p
如...

			
		

	



                


  
              

                


	

		

			

				
					
HTML成果

				
			

			

				

					知有的博客
				

				

					06-29
					
					202
					
				

			

		

		

			
				

			
		

	





	

		

			

				
					
HTML的学习收获

				
			

			

				

					qq_61873714的博客
				

				

					11-16
					
					838
					
				

			

		

		

			
				
学习网址

web1.0用户只能浏览，2.0产生动态页面，

HTML（超文本标记语言）是一门描述性语言，用于控制网页的结构，

语法：<标签符>内容</标签符> em是斜体，p是段落标签，img是图片标签（标签=元素）

页面的四个部分

文档声明：表面是个html页面；html head body标签对

head：

 tilte定义网页的标题,

meta定义页面的特殊信息，如页面关键字，告诉搜索引擎这个页面是干什么的,属性有...

			
		

	



		

			
		



	

		

			

				
					
HTML学习总结

				
			

			

				

					weixin_45148589的博客
				

				

					03-13
					
					485
					
				

			

		

		

			
				
目录学习收获：通过上次课的学习，对HTML中的内容有如下收获：1.HTML 标题2.HTML段落3.HTML 链接4.HTML 图像5.HTML 表格6.HTML 列表7.HTML 布局8.HTML 表单HTML 表单 - 输入元素文本域（Text Fields）密码字段单选按钮（Radio Buttons）复选框（Checkboxes）提交按钮(Submit Button)总结：
学习收获：
通过上次课的学习，对HTML中的内容有如下收获：
1.HTML 标题
了解了HTML 标题（Heading）是通过

			
		

	





	

		

			

				
					
html+css+js学习成果.zip

				
			

			

				

					03-13
				

			

		

		

			
				
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...

			
		

	





	

		

			

				
					
我的Html静态网页学习成果.zip

					
最新发布

				
			

			

				

					03-14
				

			

		

		

			
				
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...

			
		

	





	

		

			

				
					
HTML学习ppt

				
			

			

				

					10-17
				

			

		

		

			
				
HTML详解 CSS 选择器 标准盒子模型 浮动 定位

			
		

	





	

		

			

				
					
Html成果检测.zip

				
			

			

				

					10-22
				

			

		

		

			
				
面向新手，html学习成果的检测，打出相应排版，实现相应功能

			
		

	





	

		

			

				
					
HTML与CSS学习总结

				
			

			

				

					weixin_46051260的博客
				

				

					11-01
					
					1641
					
				

			

		

		

			
				
HTML与CSS学习总结
一，HTML

大致学习框架是这样，具体内容有相关笔记（因为时间关系，借鉴了一起学习的同学的笔记加了自己的内容）
二，CSS

CSS3具体笔记还未完善
三，三个学习阶段的学习成果




四，困难
在刚开始做淘宝页面时，因为学习时间不是很长，对网页布局不是很明确，盒子模型运用起来较为艰难，在此过程中优先级也是一大阻碍。随着慢慢的自己摸索，可以自己构建盒子模型了，但是过程中有很多地方步骤都较为繁琐。在自己做网页过程中，一定要看好网页的大致布局是什么样的，也就是找出它的大盒子，然后再

			
		

	





	

		

			

				
					
HTML学习小结

				
			

			

				

					kevin234的博客
				

				

					01-14
					
					259
					
				

			

		

		

			
				
文章目录一、预备知识二、各种标签介绍1.基本元素①标题（h标签）②段落（p标签）③粗体（b标签、strong标签）④斜体（i标签、em标签）⑤下划线（u标签、ins标签）⑥删除线（del标签）⑦上下标(sup标签、sub标签)2. 进阶元素①字体(font标签)②图片(img标签)③表格(table标签)④列表(ul标签、ol标签)⑤超链接(a标签)⑥块(div、span)⑦内联框架(iframe...

			
		

	





	

		

			

				
					
HTML学习成果 制作一个空白简历

				
			

			

				

					weixin_34075551的博客
				

				

					04-07
					
					125
					
				

			

		

		

			
				
转载于:https://www.cnblogs.com/xt641151246/p/5365411.html

			
		

	





	

		

			

				
					
HTML/CSS阶段学习成果展示，以及一些布局方法和问题解决方法

				
			

			

				

					weixin_50915530的博客
				

				

					08-11
					
					197
					
				

			

		

		

			
				
10:弹性盒子 ：display:flex 给父元素添加 设置为弹性盒  具体使用方法可以看搜搜 好多 打出来好久 顺便讲了多列 column 可以做类似tb买衣服挑选的那种两数列的布局 column-count:列数；4.都可以实现文字倾斜的效果 b>都可以实现加粗效果。3.标签 ：只有六级 ---   换行 单标签。1.根标签 HTML: 超文本标记语言。...

			
		

	





	

		

			

				
					
html初学总结

				
			

			

				

					undefineing的博客
				

				

					12-13
					
					341
					
				

			

		

		

			
				
告读者
本文旨在为对HTML（hypertext markup language）超文本标记语言感兴趣的朋友提供学习参考，由于本人尚才疏学浅，所以出现纰缪实属正常，故此文仅可做参考，不可做圭臬，若有朋友指出错误一定会虚心求教改正，避免误人子弟，帮助他人学习就是此文唯一的价值。
版本
目前常用html版本有html4.0,xhtml,html5.0;
来个不太专业的区分：html4.0对于语法要求不是太高，所以不少野路子的学习者书写风格较为粗犷，常常在一个浏览器上可以运行成功的文件在另一个浏览器上就像中病毒了

			
		

	





	

		

			

				
					
HTML5学习第一章学后成果展示

				
			

			

				

					s_alin的博客
				

				

					05-21
					
					135
					
				

			

		

		

			
				
<!DOCTYPE html><!--文档类型声明，用于向浏览器说明当前文档使用哪种HTML标准规范-->

<html><!--根标记-->

 <head><!--头部标记，这里面可以用CSS/DIV写样式-->

 <meta charset="utf-8" />

 <title>无聊的概要知识</title>

...

			
		

	





	

		

			

				
					
html的学习后的运用方式及构造总结

				
			

			

				

					xdh1996的博客
				

				

					04-25
					
					199
					
				

			

		

		

			
				
html复习总结文档

1.基本结构

文件后缀改为(.html)  头部信息<head>（此为双闭合标签）要在结尾处增加</head>

在输入<html>后敲击回车弹出双闭合标签<html></html>格式如下

<!DOCTYPE html>（声明必须在html文件的第一行，只是声明不是标签）
	<html&...

			
		

	





	

		

			

				
					
完整HTML实例网页代码（1）

					
热门推荐

				
			

			

				

					I心暖存人T的博客
				

				

					04-21
					
					10万+
					
				

			

		

		

			
				
要完成一个网页的制作其实本质上是很简单的，本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的 样式格局，同样的也有js的动画效果，这个实例比较全面，有助于同学的学习。

本实例仅供参考，其他行为自负。

本实例分为四篇来观看。一共有一个HTML文件，三个css样式表，三个js，有16张图片。其中img里面的图片可以自行下载，或用本实例里面的图片。测试项目是建议大家用谷歌...

			
		

	





	

		

			

				
					
前端实习主要工作和学习成果，对工作/学习成果进行量化或详细描述

				
			

			

				

					03-14
				

			

		

		

			
				
学习成果方面，你可能会学习到前端框架、响应式设计、性能优化、跨浏览器兼容性等方面的知识。对于工作/学习成果的量化或详细描述，这取决于你的具体情况和目标。例如，你可以列出你参与的项目数量、你编写的代码...

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值