首页 > Web开发 > 详细

html 总结

时间:2019-11-24 23:20:58      阅读:126      评论:0      收藏:0      [点我收藏+]

html总结

  html相当于人的骨架,是根本,是一种和python一样的编译语言

 

  几个重要的标签:

1.特殊字符

   空格、&lt 小于;、&gt大于;、&copy 版权

超链接标签

  <a href="new.html" target="_blank">点击进入到新网页</a>

  作用:

    name属性

    target属性

    实现页面指定跳转(需要创建锚点)——>>即给要去跳转的地方添加name属性/id属性

图片标签

  width属性

  height属性

  title属性

  align属性

  alt属性

查找:
    相对路径查找
            
        即 . 和 .. 分别地表当前目录 和 父路径

    绝对路径查找
        不推荐,(换电脑的话路径会更换)

 

 

表单标签<form>

  列表标签:

    1.无序列表ul  li

      属性有type属性

    2.有序列表ol  li

      属性 type

    3.定义列表dl  dt  dd

  表格标签:

    用table  tr行  td列 

技术分享图片
border:边框。像素为单位。
style="border-collapse:collapse;":单元格的线和表格的边框线合并
width:宽度。像素为单位。
height:高度。像素为单位。
bordercolor:表格的边框颜色。
align:表格的水平对齐方式。属性值可以填:left right center。
注意:这里不是设置表格里内容的对齐方式,如果想设置内容的对齐方式,要对单元格标签<td>进行设置)
cellpadding:单元格内容到边的距离,像素为单位。默认情况下,文字是紧挨着左边那条线的,即默认情况下的值为0。
注意不是单元格内容到四条边的距离哈,而是到一条边的距离,默认是与左边那条线的距离。如果设置属性dir="rtl",那就指的是内容到右边那条线的距离。
cellspacing:单元格和单元格之间的距离(外边距),像素为单位。默认情况下的值为0
bgcolor="#99cc66":表格的背景颜色。
background="路径src/...":背景图片。
背景图片的优先级大于背景颜色。
table属性

 

 

      以上有个重要属性是:style=‘border-collapse:collapse‘:单元格的线和表格的边框线合并

    需要注意:

      在行内不能设置背景颜色,背景颜色需要在列中设置

    单元格的合并:

      colspan:横向合并

      rowspan:纵向合并

    表格的标题有一个标签:<caption>

    写表格的时候经常会用到 <thead> <tbody> <tfoot>,这样的会页面会显得有条理,检查时方便

 

表单标签:

  与服务器进行交互,表单就是用户输入的数据,发送到后台,然后接到后台反应

  <form>

  其中name id属性 是用于JS来操作表单时使用的

  action  method 属性

嵌套input标签才是form的强大之处

<input type="text" />

 

 

 

 

  type属性:

技术分享图片
type="属性值":文本类型。属性值可以是:
text(默认)
password:密码类型
radio:单选按钮,名字相同的按钮作为一组进行单选(单选按钮,天生是不能互斥的,如果想互斥,必须要有相同的name属性。name就是“名字”。
)。非常像以前的收音机,按下去一个按钮,其他的就抬起来了。所以叫做radio。
checkbox:多选按钮,名字相同的按钮作为一组进行选择。
checked:将单选按钮或多选按钮默认处于选中状态。当<input>标签的type="radio"时,可以用这个属性。属性值也是checked,可以省略。
hidden:隐藏框,在表单中包含不希望用户看见的信息
button:普通按钮,结合js代码进行使用。
submit:提交按钮,传送当前表单的数据给服务器或其他程序处理。这个按钮不需要写value自动就会有“提交”文字。这个按钮真的有提交功能。点击按钮后,这个表单就会被提交到form标签的action属性中指定的那个页面中去。
reset:重置按钮,清空当前表单的内容,并设置为最初的默认值
image:图片按钮,和提交按钮的功能完全一致,只不过图片按钮可以显示图片。
file:文件选择框。
提示:如果要限制上传文件的类型,需要配合JS来实现验证。对上传文件的安全检查:一是扩展名的检查,二是文件数据内容的检查。
value="内容":文本框里的默认内容(已经被填好了的)
size="50":表示文本框内可以显示五十个字符。一个英文或一个中文都算一个字符。
注意size属性值的单位不是像素哦。
readonly:文本框只读,不能编辑。因为它的属性值也是readonly,所以属性值可以不写。
用了这个属性之后,在google浏览器中,光标点不进去;在IE浏览器中,光标可以点进去,但是文字不能编辑。
disabled:文本框只读,不能编辑,光标点不进去。属性值可以不写。
type的属性

 

下拉列表标签

  <select>中的选项是<option>

  有multiple属性和size属性

多行文本输入框

  <textarea>

  有value rows cols readonly 属性

<label>标签

  实现文件和选项按钮相关联

  for标签: 找到与之要关联的事件

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

html 总结

原文:https://www.cnblogs.com/xiaobai686/p/11924817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!