只看精华贴
  • 徐德生
    <marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=left></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =font-size:100 px>...</font>无限增大<!>区断标记<hr>水平线<hr size=9>水平线(设定大小)<hr width=80%>水平线(设定宽度)<hr color=ff0000>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址 target=_blank></a>外部连结(另开新视窗)<a href=位址 target=_top></a>外部连结(全视窗连结)<a href=位址 target=页框名></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址 width=180>设定图片宽度<img src=图片位址 height=30>设定图片高度<img src=图片位址 alt=提示文字>设定图片提示文字<img src=图片位址 border=1>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)<!>分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架<! - - ... - -> 注解<a href target> 指定超连结的分割视窗<a href=#锚的名称> 指定锚名称的超连结<a href> 指定超连结<a name=锚的名称> 被连结点的名称<address>....</address> 用来显示电子邮箱地址<b> 粗体字<base target> 指定超连结的分割视窗<basefont size> 更改预设字形大小<bgsound src> 加入背景音乐<big> 显示大字体<blink> 闪烁的文字<body text link vlink> 设定文字颜色<body> 显示本文<br> 换行<caption align> 设定表格标题位置<caption>...</caption> 为表格加上标题<center> 向中对齐<cite>...<cite> 用於引经据典的文字<code>...</code> 用於列出一段程式码<comment>...</comment> 加上注解<dd> 设定定义列表的项目解说<dfn>...</dfn> 显示"定义"文字<dir>...</dir> 列表文字标签<dl>...</dl> 设定定义列表的标签<dt> 设定定义列表的项目<em> 强调之用<font face> 任意指定所用的字形<font face> 任意指定所用的字形<font size> 设定字体大小<form action> 设定户动式表单的处理方式<form method> 设定户动式表单之资料传送方式<frame marginheight> 设定视窗的上下边界<frame marginwidth> 设定视窗的左右边界<frame name> 为分割视窗命名<frame noresize> 锁住分割视窗的大小<frame scrolling> 设定分割视窗的卷轴<frame src> 将html档加入视窗<frameset cols> 将视窗分割成左右的子视窗<frameset rows> 将视窗分割成上下的子视窗<frameset>...</frameset> 划分分割视窗<h1>~<h6> 设定文字大小<head> 标示文件资讯<hr> 加上分格线<html> 文件的开始与结束<i> 斜体字<img align> 调整图形影像的位置<img alt> 为你的图形影像加注<img dynsrc loop> 加入影片<img height width> 插入图片并预设图形大小<img hspace> 插入图片并预设图形的左右边界<img lowsrc> 预载图片功能<img src border> 设定图片边界<img src> 插入图片<img vspace> 插入图片并预设图形的上下边界<input type name value> 在表单中加入输入栏位<isindex> 定义查询用表单<kbd>...</kbd> 表示使用者输入文字<li type>...</li> 列表的项目 ( 可指定符号 )<marquee> 跑马灯效果<menu>...</menu> 条列文字标签<meta name="refresh" content url> 自动更新文件内容<multiple> 可同时选择多项的列表栏<noframe> 定义不出现分割视窗的文字<ol>...</ol> 有序号的列表<option> 定义表单中列表栏的项目<p align> 设定对齐方向<p> 分段<person>...</person> 显示人名<pre> 使用原有排列<samp>...</samp> 用於引用字<select>...</select> 在表单中定义列表栏<small> 显示小字体<strike> 文字加横线<strong> 用於加强语气<sub> 下标字<sup> 上标字<table border=n> 调整表格的宽线高度<table cellpadding> 调整资料栏位之边界<table cellspacing> 调整表格线的宽度<table height> 调整表格的高度<table width> 调整表格的宽度<table>...</table> 产生表格的标签<td align> 调整表格栏位之左右对齐<td bgcolor> 设定表格栏位之背景颜色<td colspan rowspan> 表格栏位的合并<td nowrap> 设定表格栏位不换行<td valign> 调整表格栏位之上下对齐<td width> 调整表格栏位宽度<td>...</td> 定义表格的资料栏位<textarea name rows cols> 表单中加入多少列的文字输入栏<textarea wrap> 决定文字输入栏是自动否换行<th>...</th> 定义表格的标头栏位<title> 文件标题<tr>...</tr> 定义表格美一行<tt> 打字机字体<u> 文字加底线<ul type>...</ul> 无序号的列表 ( 可指定符号 )<var>...</var> 用於显示变数
    查看详情>
  • 徐德生
    2017/04/28 11:46
    你难道到现在还没有考虑使用HTML5?如果还没有的话, 那我猜想你可能有自己的原因;可能你认为它现在还没有被广泛的支持,在IE中不好使;或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一次重大的改变,事实上不管你是否喜欢,它都将代表着未来趋势。其实HTML5并不难理解和使用。为了解密HTML5并且帮助顽固的开前端开发人员,小编在这里写了列出了使用HTML5的几大原因,希望对大家有帮助![/图片]HTML510.易用性两个原因使得使用HTML5创建网站更加简单:语义上和ARIA。新的标签如<section>,<nav>,<header>,<aside>等等,使得阅读者更加容易去访问内容。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。9.移动视频、在线直播引领视频升级HTML5技术将会革新视频数据的传输方式,让视频直播更加高清流畅。而且,视频还将与网页真正的融为一体,让用户看视频如浏览动图一般简单轻松。此外,HTML5可以为视频实现任意平台播放,甚至是人画交互。移动视频或成为HTML5领域的爆发点之一。[/图片]在线直播8.Doctype没错,就是doctype,不需要复制粘贴一堆无法理解的固定代码,也没有了多余的head标签,并且可以在每一个浏览器中正常工作。7.更清晰的代码HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。[/图片]6.更聪明的存储HTML5中最酷的特性就是本地存储。它拥有更好的安全和性能,即使浏览器关闭后也可以保存。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如:保存用户信息,缓存数据,加载用户上一次的应用状态。5.更好的互动我们都喜欢更好的互动,我们都喜欢对于用户有反馈的动态网站,用户可以充分享受互动的过程。而HTML5拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。4.游戏,动漫开发HTML5技术的成熟,将带来游戏,动漫产业的升级。可以通过HTML5来强化创意,为用户提供更加场景化的娱乐体验。[/图片]3.VR产业VR现在也是未来的一个发展趋势,Web扩展了VR的使用范围,很多生活化的内容纳入了VR的创作之中,如实景旅游,新闻报道、虚拟购物等,其内容展示、交互都可以由HTML5引擎轻松创建出来。[/图片]2.移动,移动还是移动由于智能手机的普及和便携性,现在更多的用户会选择使用移动设备访问网站或者web应用,HTML5开发移动应用更灵活。1.它是未来,开始用吧!最大的原因:HTML5是因为它是未来,你没有任何借口不接受HTML5,因为事物是不断更新的,如果你没有接受新事物的勇气,那你只能选择被淘汰![/图片]
    查看详情>
  • 徐德生
    2017/04/28 11:43
    一、 HTML的学习 超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因此,我们必须掌握HTML的基本结构和常用标记及属性。HTML 的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果,在“代码”视图中学本质, 将各种视图的优势发挥到极致,这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味,想必对各位初学的小盆友们来说必定是极好的!在学习了HTML之后,我们只是掌握了各种“原材料”的制作方法,要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。二、 CSS的学习 CSS是英文Cascading Style Sheets的缩写,叫做层叠样式表,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的,这样就极大地提高了我们开发的速度,降低了维护的成本。同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习,我们就可以顺利完成“一幢楼房”的建设。“楼房”建设完成之后,我们可以交给用户使用,但是如果想让用户获得更佳的体验,我们还可以对“楼房”进行更深一步的“装修”,让它看起来更“豪华”一些。为了完成这个任务,我们进入第三个阶段——JavaScript的学习三、 JavaScript的学习 JavaScript是一种在客户端广泛使用的脚步语言,在JavaScript当中为我们提供了一些内置函数、对象和DOM操作,借助这些内容我们可以来实现一些客户端的特效、验证、交互等,使我们的页面看起来不那么呆板,屌丝瞬间逆袭高富帅!有么有?此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道“这个效果在××浏览器下不兼容,重新搞……”“不兼容?”瞬间石化了有木有?“我擦,坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊,吐血了都!”JavaScript的兼容性和复杂性有时候的确让我们头疼,还好有“大神”帮我们做了封装。接下来我们进入第四个阶段——jQUery的学习四、 jQUery的学习 jQuery 是一个免费、开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery的插件可供选择,这样在我们实现一些丰富的动态效果时更方便快捷,大大节省了我们开发的时间,提高了开发速度,这也充分体现了其 write less,do more的核心宗旨。这个Feel倍儿爽!有么有?“豪华大楼”至此拔地而起,但是每天这样日复一日,年复一年的盖楼,好繁琐!能不能将大楼里面每一个单独部件模块化,当需要盖楼时就像堆积木一样组合在一起,这样岂不是爽歪歪?可以实现吗?答案是肯定的。这种思想在Web前端开发中也是适合的,于是乎就出现了各种前端框架,在这里推荐给大家的是Bootstrap。Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架,并且支持响应式布局。一经推出后颇受欢迎,一直是GitHub上的热门开源项目。在项目开发过程中,我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置,然后再有针对性的微调样式,这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽!五、  Web学习建议 在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析,不能够从宏观上对页面中盒子间的嵌套关系进行把握,就急于动手去做,导致页面中各元素间的关系很混乱,容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下,逐步细化”的思想,先用几个盒子将页面从整体上划分,然后逐步在盒子中继续嵌套盒子。“君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能!
    查看详情>

关于Ta

  • 主贴 3
  • 回复 1
  • 课程 0
  • 关注 1
  • 粉丝 3

最近访客

  • 孙中文老师

    2020-03-18 13:52

  • 湖北-王晓迪

    2019-12-05 21:30

  • 刘丽莎

    2019-06-24 18:58

  • zxn1207

    2019-05-26 12:04

  • 闻优子

    2019-03-28 11:26

下载社区APP,查看更多访客

更多福利 在线客服 下载APP 意见反馈

扫描二维码下载APP

下载邢帅APP,缓存视频随身看

关注邢帅教育,领取更多福利

关注邢帅教育,领取更多福利