乐趣区

关于css:htmlcss基础知识汇总新人必看

jiezi

转载自 https://blog.csdn.net/qwe5810…

html 的根本标签

1、<hn> 题目标签

n 示意不同大小的字体，n 取值 1 -6

2、<hr/>水平线标签

创立一个程度分割线，用于定义内容主题的变动

  • size 属性：水平线的高度，单位像素（px）
  • noshade 属性：没有暗影，取值：noshade，示意显示纯色

4、<font>字体标签

<font size="2" color="red" face="微软雅黑"> 字体的内容 </font>
  • size：设置字体大小。取值 1 -7。浏览器默认 3。
  • color：设置字体的色彩。
  • face：设置文字的字体

5、<b><i> 格式化标签

  • <b>粗体
  • <i> 斜体

6、<p><br/> 段落标签

  • <br/> 插入单个换行

7、<img> 标签图片

属性名称 含意 作用
scr 图片的门路地址 必写属性, 否则看不到图片
width 宽度
height 高度 如果只设置其中一项, 那么图片会等比例缩放
title 提醒文本 鼠标悬停在图片上方会呈现的文字信息
alt 替换文本 图片加载失败的时候才会呈现的文字信息
border 边框 只能定义边框的粗细

8、<ul><ol> 列表标签

  • <li> 是列表标签内的每一列
无序列表<ul>
名称 含意
type=”circle” 空心圆
type=”disc” 默认值, 实心彩色圆
type=”square” 实心彩色正方形
留神: 卸载 ul 身上是所有 li 扭转, 写在 li 身上是单个扭转
有序列表<ol>
名称 模式
type=”1” 默认值,1、2、3…
type=”a” 小写的英文字母,a、b、c…
type=”A” 大写的英文字母,A、B、C…
type=”i” 小写的罗马数字,i、ii、iii…
type=”I” 大写的罗马数字,I、II、III…

9、<a> 超链接标签

名称 作用 取值
href 规定链接的指标 url 比写属性
target 规定在何处关上指标 url。
尽在 href 属性存在时应用 _ blank 新窗口关上

_self 默认打开方式
framename 框架的名称 |
| name | 规定锚点的名称 | 自定义 |

  • 空连贯

    <a href="javascript:;"> 空链接 </a>
<a href="javascript:void(0);"> 空链接 </a>

  • 锚点链接

    <a href="# 锚点名"> 点击跳转 </a>
<a name="锚点名"> 指标区域 </a>

10、<table><tr><td> 表格标签

  • <table> 是父标签, 相当于整个表格的容器。
名称 作用
border 表格边框的宽度
cellpadding 单元格边际与其内容之间的空白
cellspaceing 单元格之间的空白
bgcolor 表格的背景色彩
height 表格的高度
width 表格的宽度

  • <tr> 标签用于定义行
  • <td> 标签用于定义表格的单元格(一个列)

td 标签的属性:

名称 作用
colspan 单元格可横跨的列数(横向合并单元格)
rowspan 单元格可横跨的行数(纵向合并单元格)
align 单元格内容的程度对齐形式
取值:left 左、right 右、center 居中
  • <th> 标签用于定义表头。单元格内的内容默认居中加粗

11、<frameset><frame> 框架标签

<frameset> frame 框架 set 汇合: 框架汇合

它是多个窗口页面整合在一起的一个汇合 (框架集:frameset)。每一个页面(框架:frame) 都是独自文档(html), 须要应用字标签<frame> 来确定页面的地位。通过 cols 和 rows 确定 行列数。多个<frameset> 能够嵌套应用。

  • rows 属性和 cols 属性取值: 值 1, 值 2, 值 3,…. 一个值代表一行(列), 多值应用逗号分隔, 值能够是 10px、10% 等, 最初一个值能够应用 * 主动匹配。
<frame> 框架子标签
  • src 属性: 设置此框架要显示的页面名称或门路。此为必须设置的属性。
  • name 属性: 设置框架名称。
  • noreszie 属性: 设置框架大小是否能手动调节。
    有的导航框架中的超链接<a> 标签中的 target 属性须要设置为其余框架的名称, 这样就能够实现点击超链接, 让指标页面在指定的框架中显示。
    • *

表单相干标签

1、< form>表单标签

表单标签的次要性能:把表单中的数据提交给远端的服务器。
From 就像一个快递盒子, 把须要发送给服务器的数据装到这个盒子里, 点击提交按钮, 而后浏览器就将数据发送给服务器
<from> 表单标签在浏览器上没有任何显示, 然而所有须要提交到服务器的数据都须要寄存在表单标签中。

  • action 属性: 申请门路, 确定表单提交到服务器的地址(门路)
  • method 属性: 申请形式。罕用的取值:GET、POST

2、<input> 输出域标签

<input> 标签用于取得用户输出信息,type 属性值不同, 收集形式不同

  • type 属性

    • text: 文本框, 单行的输出字段, 默认宽度 20 个字符
    • password: 明码框, 明码字段。
    • radio: 单选框, 示意一组互斥选项按钮中的一个。
    • submit: 提交按钮。将表单数据发送到服务器。个别不写 name 属性, 否则将”提交”两个字到服务器。
    • checkbox 复选框
    • file: 文件上传组件
    • hidden: 暗藏字段
    • reset: 重置按钮
    • image : 图形提交按钮
    • button: 一般按钮, 罕用于与 javaScript 联合应用
  • name: 元素 (数据) 名称,如果须要表单数据提交到服务器, 必须提供 name 属性值, 服务器通过属性值取得提交的数据
  • value 属性: 设置 input 标签的默认值。留神:submit 和 reset 为按钮显示数据
  • size 属性: input 的宽度大小
  • checked 属性: 单选框或复选框被选中
  • readonly: 是否只读 数据会被提交
  • disabled: 是否可用 数据不会被提交
  • maxlength: 容许输出的最大长度

  • <select> 下拉列表。可用单选和多选。须要字标签<option> 制订列表项

    • name 属性: 发送给服务器的名称
    • multiple 属性: 不写默认单选, 取值为”mutiple”示意多选
    • size 属性: 多选时, 课件选项的数目

    • <option> 子标签: 下拉列表中的一个选项(一个条目)

      • selected: 勾选以后列表项
      • value: 发送给服务器的选项值
个别 option 须要给 value 这个属性, 如果不给, 默认把 option 的文本内容发送给服务器

  • <textarea> 文本域标签

    • cols 属性: 文本域的列数
    • rows 属性: 文本域的行数
退出移动版