-
某程序员退休后决定练习书法,于是重金购买文房四宝。一日,饭后突生雅兴,一番研墨拟纸,并点上上好檀香。定神片刻,泼墨挥毫,郑重地写下一行字:hello world!
-
老婆给当程序员的老公打电话:“下班顺路买一斤包子带回来,如果看到卖西瓜的,买一个。”当晚,程序员老公手捧一个包子进了家门。。。老婆怒道:“你怎么就买了一个包子?!”老公答曰:“因为看到了卖西瓜的。”
body 常用子标签 *
1. 标题标签
<h1></h1> 一级标题
<h2></h2> 二级标题
...
<h6></h6> 六级标题
-
文字格式化标签
<b> : 文本加粗
<i> : 斜体
<del>: 删除线
<u> : 下划线
<center>: 居中
<sub>: 定义下标文字
<sup>: 定义上标文字
<strong>: 强调语气
<small>: 小号文字 -
空格 / 换行 / 段落
在HTM类中, 换行与空格不会被正确的解析. 多个连续的空白符(换行或空格) 会被解析为一个空格. &nbsp; 空格 <br> 换行 <hr> 换行并添加分割线 <p></p> 段落
-
超链接标签 a
使用方式1. (网页跳转) ***
<a href="地址">点击跳转的内容</a>
使用方式2. (新窗口打开) ***
<a href="地址" target="_blank">点击跳转的内容</a>不常用方式: 1. 发送邮件 (主动调用本地计算机安装的邮箱软件 , 向指定的邮箱地址 ,发送邮件.) <a href="mailto:邮箱地址">内容</a> 2. 拨打电话 (PC必须安装网络电话软件才可以使用 , 移动端必须具备拨打电话功能.) <a href="tel:手机号码">内容</a> 3. QQ聊天 <a href="https://wpa.qq.com/msgrd?v=3&uin=QQ号&site=qq&menu=yes">点击QQ聊天</a> 4. 锚点使用 网页内容较多时, 可以在网页的某个位置 建立锚点. 然后提供链接,可以快速的跳转到锚点所在位置; 步骤: 1. 建立一个新的锚点 <a name="锚点名称"></a> 2. 编写a标签 链接到锚点位置 跳转到本页的锚点: <a href="#锚点名称">内容</a> 跳转到其他页面的锚点: <a href="地址#锚点名称">内容</a>
长度单位
常用长度单位:
- px : 像素
- em : 字体长度单位 . 1em表示一个文字大小 ,默认16px.
- 百分比: 当前的元素, 占用父元素的百分比大小. 例如: 50% 表示占用父宽度的一半.
不常用长度单位:
- pc : 派卡
- in : 英寸
- mm : 毫米
- cm : 厘米
- m : 米
…
多媒体标签
- 图片 img
属性:
- src : 图片地址
- alt : 当图片加载失败时, 提示的文字.
- width: 宽度
- height: 高度
不建议使用图片时 同时设置宽高. 会拉伸.
当图片的宽和高任意一项发生改变时, 另一项会自动等比缩放.
-
音乐 audio
属性:
- src : 音乐文件的地址.
- controls: 是否显示控制器 , HTML5的boolean属性 , 属性一旦出现即为true.
例如: controls="false" 结果是true
- autoplay: 是否自动播放, HTML5的boolean属性 , 很多非国产浏览器已经不支持了. -
视频 video
属性:
- src : 音乐文件的地址.
- controls: 是否显示控制器 , HTML5的boolean属性 , 属性一旦出现即为true.
例如: controls="false" 结果是true
- autoplay: 是否自动播放, HTML5的boolean属性 , 很多非国产浏览器已经不支持了.
- width: 视频播放的窗口宽度
- height: 视频播放的窗口高度 -
动画(用于播放flash动画) embed
属性:
- src : 动画资源地址
- width: 动画播放的宽度
- height: 动画播放的高度
常用标签
列表标签
- 有序列表 ol
- 无序列表 ul
在列表标签中, 使用li表示列表中的一行.
案例:
<h3>有序列表</h3>
<ol>
<li>锄禾日当午</li>
<li>清明上河图</li>
</ol>
<h3>无序列表</h3>
<ul>
<li>从前有座山</li>
<li>山上有座尼姑庵</li>
<li>庵里有个老尼姑和小尼姑</li>
<li>老尼姑正在对小尼姑说: 嘿嘿嘿</li>
</ul>
表格标签 table
在网页中表格由三个标签来组合描述
1. 表格本身 : table
2. 表格中的行: tr
3. 行中的列: td (表头列可以使用th标签, 文字会加粗居中)
iframe 框架
格式:
标签名称: iframe
属性列表:
- src : 网页地址
- width: 引入的窗口高度
- height: 引入的窗口宽度
- frameborder:设置边框的大小, 单位是数字, 表示px
使用iframe框架 来显示超链接的目标页面.
使用步骤:
1. 给iframe标签 加入 name属性
2. 给超链接加入target="iframe的name属性值"
src 和 href 的区别 了解
href : Hypertext Reference 超文本引用.
当前文档 与 被引用的文档 是连接关系.
src : source 引入的资源
被引入的资源 通常是 嵌入到当前文档中的.