18、HTML_html/css

HTML

超文本标记语言（Hyper Text Markup Language）。

用来描述网页的一种语言。

HTML标签

由尖括号包围的关键词。如：

通常是成对出现的，开始标签和结束标签。如：和

HTML文档

用来描述网页。

包含HTML标签和文本。

文档的结构

            网页标题                                网页内容

常用特殊字符

显示    代码   <      <   >      >&      &   "      "©      ©   ®      ®×      ×   ÷      ÷￥     ¥   §      §￡     £   ￠     ¢

常用HTML标签

注释

定义规范

三种文档类型：Strict、Transitional 以及 Frameset。

超链接

外链：百度
页内：啊跳转到啊
邮箱：点击发邮件

署名

用来定义署名地址。

标题

定义最大的标题。

定义最小的标题。

换行

不产生一个新段落的情况下进行换行,接着上一行换行。

段落

产生一个新段落，换行空一行。

左中右对齐

预格式文本

用于显示预先在源代码中定义好的格式。

居中对齐

使内容居中对齐。

水平线

在 HTML 页面中创建一条水平线。

size高度 color 颜色 width长度

文字

用来定义文字字体样式大小颜色等。

滚动标签

direction方向 bihavior方式=scroll（一直滚）slide（一次）alternate（交替式）loop次数 scrollamount速度

图片

在网页中显示图片。

vspace hspace文字间距 align 与文本对齐方式

有序列表

数字/编号自动排序 type="1 a A i I "

无序列表

可实心空心方形

文字样式

b粗体 i斜体 u下划线 del删除线 span em strong cite code kbdsamp sub sup var acronym abbr dfn bdo

表格

定义一个表格 border cellspacing设置内框宽度 cellpadding 文字与边框的距离。
行
表格中的行还可以设置tfoot th tbody thead来分组。
单元格			表格中的单元格 rowspan合并行 colspan合并列。
表单		method="post get" action="http://www.baidu.com/login.aspx" method提交方式 action提交地址
文本框		type="text" name="name" value="value" size="20" maxlength="20" size长度 maxlength最大长度
隐藏域		type="hidden" name="hidden" value=""
密码框		type="password" name="name" value="value" size="20" maxlength="20"
单选按钮		type="radio" name="name" value="value" checked="checked" name相同为一组 value区分值单选
复选按钮		type="checkbox" name="name" value="value" checked="checked" name相同为一组 value区分值多选
下拉列表		type="checkbox" name="name" size="4" 下面加一组选择框
文本域	</td> <td>rows="1" cols="10" onpropertychange="this.style.posHeight=this.scrollHeight"</td> </tr> <tr> <td>按钮</td> <td><button></td> <td>type="button submit reset" name="name" 按钮 submit 提交当前表 reset 重置表单</td> </tr> <tr> <td>框架</td> <td><iframe></td> <td><iframe name = "" src="" width="" allowtransparency="true" scrolling="no" frameborder="0" /> 插入框架</td> </tr> <tr> <td>背景颜色</td> <td>Bgcolor</td> <td><body bgcolor="#666" /></td> </tr> <tr> <td>背景图片</td> <td>BgcGround</td> <td><body Background="bg.gif" /></td> </tr> </table> </p> <p class="sycode"> <h3>常用技巧</h3> <table> <tr> <td>禁止选取复制</td> <td><body onselectstart="return false"> </td> </tr> <tr> <td>10秒后跳转 </td> <td><meta http-equiv="Refresh" content="10;URL=http://www.baidu.com" /></td> </tr> <tr> <td>ico图标 </td> <td></td> </tr> <tr> <td>背景音乐 </td> <td><bgsound src="音乐url" loop="-1"></td> </tr> <tr> <td>首页 </td> <td> 设为首页</td> </tr> <tr> <td>收藏夹 </td> <td> 加入收藏夹</td> </tr> </table> </div> </div> <script type="text/javascript" src="/layui/layui.js"></script> <script> layui.use('code', function(){ layui.code({ elem: 'pre', //默认值为.layui-code about:false, title:'18、HTML_html/css_WEB-ITnose代码块', encode: true //是否转义html标签。默认不开启 }); }); </script> <footer class="comm-footer"> <ul class="channels"> <li> <a target="_top" href="/system/">操作系统</a> </li><li> <a target="_top" href="/down/">程序下载</a> </li><li> <a target="_top" href="/jquery/">jquery插件库</a> </li><li> <a target="_top" href="/jiaoben/">编程</a> </li><li> <a target="_top" href="/db/">数据库</a> </li><li> <a target="_top" href="/tools/">在线工具</a> </li><li> <a target="_top" href="/framebook/">框架书籍</a> </li><li> <a target="_top" href="/xitongjiaocheng/">系统教程</a> </li><li> <a target="_top" href="/ruanjianxiazai/">软件下载</a> </li> </ul> <ul class="versions"> <li> <a href="https://m.gxlcms.com" class="active">触屏版</a> </li> <li> <a href="https://www.gxlcms.com" target="_top">电脑版</a> </li> </ul> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script> var _hmt = _hmt \|\| []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> </footer> </body> </html>

18、HTML_html/css_WEB-ITnose

定义最大的标题。

定义最小的标题。