html 总结
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html 总结,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2358字,纯文字阅读大概需要4分钟。
内容图文
![html 总结](/upload/InfoBanner/zyjiaocheng/1061/5e12601a424945a29ac764648decdf05.jpg)
html总结
html相当于人的骨架,是根本,是一种和python一样的编译语言
几个重要的标签:
1.特殊字符
空格、< 小于;、>大于;、© 版权
超链接标签
<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列
![技术分享图片](/img/jia.gif)
![技术分享图片](/img/jian.gif)
border:边框。像素为单位。 style="border-collapse:collapse;":单元格的线和表格的边框线合并 width:宽度。像素为单位。 height:高度。像素为单位。 bordercolor:表格的边框颜色。 align:表格的水平对齐方式。属性值可以填:left right center。 注意:这里不是设置表格里内容的对齐方式,如果想设置内容的对齐方式,要对单元格标签 < td > 进行设置) cellpadding:单元格内容到边的距离,像素为单位。默认情况下,文字是紧挨着左边那条线的,即默认情况下的值为0。 注意不是单元格内容到四条边的距离哈,而是到一条边的距离,默认是与左边那条线的距离。如果设置属性dir="rtl",那就指的是内容到右边那条线的距离。 cellspacing:单元格和单元格之间的距离(外边距),像素为单位。默认情况下的值为0 bgcolor="#99cc66":表格的背景颜色。 background="路径src/...":背景图片。 背景图片的优先级大于背景颜色。
以上有个重要属性是:style=‘border-collapse:collapse‘:单元格的线和表格的边框线合并
需要注意:
在行内不能设置背景颜色,背景颜色需要在列中设置
单元格的合并:
colspan
:横向合并
rowspan
:纵向合并
表格的标题有一个标签:<caption>
写表格的时候经常会用到 <thead> <tbody> <tfoot>,这样的会页面会显得有条理,检查时方便
表单标签:
与服务器进行交互,表单就是用户输入的数据,发送到后台,然后接到后台反应
<form>
其中name id属性 是用于JS来操作表单时使用的
action method 属性
嵌套input标签才是form的强大之处
< input type ="text" />
type属性:
![技术分享图片](/img/jia.gif)
![技术分享图片](/img/jian.gif)
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:文本框只读,不能编辑,光标点不进去。属性值可以不写。
下拉列表标签
<select>中的选项是<option>
有multiple属性和size属性
多行文本输入框
<textarea>
有value rows cols readonly 属性
<label>标签
实现文件和选项按钮相关联
for标签: 找到与之要关联的事件
原文:https://www.cnblogs.com/xiaobai686/p/11924817.html
内容总结
以上是互联网集市为您收集整理的html 总结全部内容,希望文章能够帮你解决html 总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。