HTML学习总结

这篇博客总结了HTML的学习内容,包括常用标签如等,以及居中、浮动、表单和列表的使用。还提到了如何处理浮动造成的父元素高度塌陷问题。学习HTML需要不断实践,查阅手册,使用F12调试,并通过解决遇到的问题来提升技能。
摘要由CSDN通过智能技术生成

经过这几天的学习,已经基本掌握制作静态网站的方法。第一节,老简单介绍了什么是html,为什么要学,以及学习的过程。首先,什么是HTML,html是一种超文本语言,html属于前端技术,学好前端技术也有利于我们就业,以下是我对这几天老是讲的内容的个人总结。

 

1.一些常用标签:

b:字体加粗;

i:斜体;

strong:加粗强调;

img:图片标签;

solid:实线;

border:边框;

background:背景颜色;

 

2.居中

水平居中 :

1.行内居中:text-align:center

2.块元素居中:margin:auto

 

3.关于浮动

1.标签:float

2.方向{   bottom   top    left     right;

 

4.
   表单:主要是收集用户的各种类型数据  提交数据请求到服务器
   组成:
   表单元素+表单控件    功能性标签
   1、表单元素
    属性
    action:主要作用是规定表单提交的动作  提到到服务器上处理的URL
     默认值:提交到本页
    method:指表单数据提交的方式
     get 默认值
      数据提交的大小限制  2kb  
      显示提交  用户数据可以显示在地址栏
      适用场合:向服务器要数据时
     post
      数据提交的大小不受限制
      隐式提交  提交的数据非专业人士看不见
      适用场合:向服务器提交数据时
    enctype
     表单数据进行编码的方式
     取值
     application/x-www-form-urlencoded  默认值
     multipart/form-data 上传文件时适用
     text/plain
   2、表单控件
    input组元素 
     type属性 默认值 text
     属性:
      type
      value 值 要提交到服务器的值
      name 控件名称,服务器端适用,没有做名称,无法提交
       名称  匈牙利命名方式  类型+功能
      disabled 禁用控件 改属性,主要出现在控件中表达禁用  boolean类型的属性
    textarea
    选择框
    其他

5.列表及表格:

<ol>

<li>我是有序列表</li>

</ol>

 

<ul>

 

<li>我是无序列表</li>

 

</ul>

 

6.overflou: hidden;这个属性的作用是隐藏溢出,父块没有设置指定的高宽,当子块设置为浮动后,

原本包裹子块的父块的高度塌陷消失,这时给父块设置overflow:hidden就能清楚浮动造成的影响,

使父块重新包裹子块。

 

 

总结:html相对来说入门是比较简单的编程语言,精通比较难,上课要认真听老师讲课,需要下非常的功夫,

才能学好这门技能。那如何学好html,一,学会翻看参考手册,了解有些属性。可以看看(runoob.com)

二.或者百度搜语法结构和布局。三,学会使用F12查找错误。四,多练习。我在学习过程中也出现了许多问题,

试着多请教老师,慢慢解决问题,学习是个漫长的过程,千里之行始于足下;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值