目录
html中关注的是语句,样式是css
块与行内元素:
常见的块元素:<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>
常见的行内元素:<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>
行内元素特点:内容有多大,就撑多大
注意:浏览器在修正的过程中,可能会出现问题,影响效率
行内块元素:同时具有块元素和行内元素特点
常见有<img>、<input>、<td>
总结:
布局标签:(主要是div和span用的多)
超链接:
(1)用超链接跳转到其他界面:
是一个行内元素,在a标签中可以嵌套除它自身外的任何元素
超链接的打开方式(target) 【国内比较喜欢用_blank,国外喜欢用默认】
target属性 默认为 _self 在当前页面打开超链接(这样会刷新当前页面)
_blank 在一个新的页面中打开超链接 ,当前页面会被保留
_blank 优点:比较方便 缺点:有可能会打开多个窗口,以致于不知道打开的是哪个窗口
国外基于上述那个缺点所以选择了默认
(2)用超链接跳转本页面的其他位置
重点!!!
1.跳转到顶部 【一般在最末尾】
2.跳转到顶部【一般】
bottom为末尾的id
若先点击超链接没有任何回应,可以使用占位符
图片标签:
图片的格式:
内联框架:(在页面中包含另一个页面类似img)
frameborder,指定内联框架的边框,0表示无,1表示有
问题:内联框架里面不会被检索
引入音频,视频:
有权限,版本支持问题。
embed:IE8支持
表格标签:(都写在table那里面)
表格语法:
(1)align演示:
(2)border演示:border="1"
(3)cellpadding演示:
(4)cellspacing演示: 默认有空隙 cellspacing=“0”
合并单元格:
表单标签:
(1)表单域:
(2)表单组件:
input:
如下图:
label标签:【增加用户体验,例如可以直接点击用户名就可以聚焦在文本框上面】
label里面的for=“” 要与input里面的id= “”对应,
select标签:
语法:
textarea文本域标签:
语法: rows 可以显示的行 cols每行可以显示字数
自定义列表
典型应用:页面的底部,
语法: