HTML学习笔记

本作的HTML学习小笔记。

对空格、换行等空白的处理:

若在开头或结尾的空白则完全忽略,若在之间的空白则自动缩减为一个英文空格。

路径(目录)解析:

  • “/” 只有一个斜杠表示根目录;
  • “./” 一个点加一个斜杠表示当前目录(可省略);
  • “../” 两个点加一个斜杠表示返回上一层目录。

常用图片说明:

  • gif格式图片只支持完全透明与完全不透明,还支持动态图,但是色彩表现较差;
  • png格式图片支持0%-100%之间的透明度,色彩表现好,但容量略大;
  • jpg格式图片色彩表现与png图片非常接近,容量也相对小一点,但是不对持透明度。

表单类型的标签注意事项:

1、标签必须加“name”属性才能被服务器识别;

2、单选与复选标签还要加”value”值来区别;比如:

<label>男:<input type="radio" name="gender" value="man" /></label>
<label>女:<input type="radio" name="gender" value="woman" /></label>

3、在下拉列表select中,如果option中有value属性就发送value属性值,若没有就发送被选中的option标签中的内容。

内嵌框架标签iframe的内置属性:

  • src=”网址或路径”; 设置框架显示的内容
  • name=”名称”; 为框架命名
  • width=””; 设置宽度,单位是像素px或百分比%
  • height=””; 设置高度,单位是像素px或百分比%
  • align=”left”; (left,right,top,middle,bottom)根据周围的元素来对齐此(建议使用CSS样式代替)
  • frameborder=”0″; (0表示隐藏边框,1表示显示边框)
  • marginwidth=”数值”; (不带单位)设置左右外边距
  • marginheight=”数值”; (不带单位)设置上下外边距
  • scrolling=”yes”; (yes 显示滚动条,no 隐藏滚动条)

块级标签的特点(div、p、ul、li、h1-h6、ol等):

  • 能设置宽与高
  • 不设宽与高时,默认宽度占父级标签宽度的100%,默认高度则根据内容

行级标签的特点(a、span、strong、em、u等):

  • 不能设置宽与高
  • 默认宽度与高度都根据内容,若父级标签宽度足够,则多个行级标签能在同一行排列。
  • 只能设置左右外边距,不能设置上下外边距

行内块级标签的特点(img、form):

能设置宽与高,若父级宽度足够,则多个行内块级标签能在同一行排列。

看完该文章有什么感受?

发表评论

电子邮件地址不会被公开。

标签:,
顶部