本作的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):
能设置宽与高,若父级宽度足够,则多个行内块级标签能在同一行排列。看完该文章有什么感受?
后面是HTML视频教程下载地址,本人亲自验证,这个html视频教程讲解得很好,很适合初学者。