这段时间找实习看的眼花缭乱的,然后也被拒得落花流水,啊哈哈~还是写博客好玩儿~嘿嘿,下面正题一、doctype标准模式 (Full Standards Mode)接近标准模式 (Almost Standards Mode)混杂模式 (Quirks Mode)以上三种模式是浏览器在解析CSS时的三种工作模式,混杂模式是依据旧式的、非标准的CSS规则来渲染网页;标准模式则是遵循W3C标准去解析CSS的,接近标准模式与标准模式实际上差异并不大;关于Firefox中DTD与浏览器工作模式的详细...
本文主要帮助理解HTML5新增的article、section、aside、nav、time标签的使用场景。section表示页面上的区域,主要的目的是给文章分段等,section里必须包含标题。<section>
<h1>标题</h1>
<article>内容</article>
</section>article表示页面上独立的区域,和section相比,article更注重自身的独立性。<article>
<section><h1>标题</h1><p>内容</p>
</section>
</article>aside表示页面的附加内容,可以是文章的含义,链接等<artic...
今天對 <a href="#13"></a> 有點疑惑, 加上#表示一個錨,後面跟上13,就會跳到本頁面的13的位置,而這個13就是 Name屬性值。怎麼不 是ID值呢???所以查了下ID 和Name的區別,特記錄 最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。 显然这个ID和Name的解答说的太笼统了,当然那个解释对于ID来说是完全对的,它就是Client端HTML元素的Identity。而Name其实要复杂的...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>header/footer</title> <style type="text/css"> body{height: 708px} header{background: red;width: 100%;height: 10%} footer{background: red;width: 100%;height: 10%} #div0{width: 100%;height: 80%} #div1{width: 20%;height: 100%;float: left;background: #f0f0f0} #div2{width: 80%;height: ...
顶级、块级、内联,html元素的三大分类如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素.1. Top-level element 【顶级元素】: { html, body, frameset }包括html, body, frameset, 表现如Block-level element, 属于高级块级元素. 2. Block-level element 【块级元素】: { p, h1~h6, div, ul }顾名思义就是以块显示的元素,高度宽度都是可以设置的。比如我们常用的 p, h1~h6, div...
常用的行内元素要记住:a、span、img、input、lable、select、strong、textarea常用的块级元素要记住:div、h1~h6、dl、ul、ol例如在一个title中,有标题、有访问量、有更多,其中标题是用h4来控制,更多等是<a>链接,如果想要它们在一排,就要求设置h4的display:inline; 内联元素(inline element)
* a - 锚点
* abbr - 缩写
* acronym - 首字
* b - 粗体(不推荐)
* bdo - bidi override
* big - 大字体
* br - 换行
* cite - 引用...
方便布局表单内容可以放在表单标签之外,这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下,只要指定元素适用于哪个表单即可,如下:1<form id="test" action="test.php" method="get">2<input form="test" type="text" name="name"/>3</form>4<input form="test" type="submit" value="确定"/>可指定提交按钮的目标及方法在HTML5之前,一个表单只能填写一个action及一个method,在HTML5中每个提交按钮都可...
<form action=""> <!--专业: <select name="" id=""> <option value="1">前端与移动开发</option> <option value="2">java</option> <option value="3">javascript</option> <option value="4">c++</option> </select>--> <!--不仅可以选择,还应该可以输入--> <!--建立输入框与datalist的关联 list="datalist的id号"--> 专业:<input type="text" list="subjects"> <br> <!-...
使用HTML元素的style.left,style.top,style.width,style.height以及width,height属性,都不能获得元素的真正位置与大小,这些属性取出来的都是原来的设置值,例如<table id="table1" width="500">,那么通过document.getElementByIdx_x("table1").width取出来的值永远都是500,而不管这个表格是否已经被撑大了;同时,通过document.getElementByIdx_x("table1").style.left获得的值是空的,因为没有设置这个值。要取得HTML元素的真...
HTML5<article>元素用来定义页面文档的独立内容。实例:<article class="pageArticle"> <h2>article</h2> <header> <h2>article header</h2> </header> <aside> <h2>article aside</h2> </aside> <p>这个页面是我开始用html5进行布局的。</p> <footer>article footer</footer> </article> 元素' ref='nofollo...
HTML5 创建canvas元素 复制代码代码如下:<!--<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。--> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset = utf-8"> <title>HTML5</title> <script type="text/javascript" charset = "utf-8"> <!--这个函数将在页面完全加载后调用--> function pageLoaded() { alert(‘HTML5 页面加载完毕!‘); } </script> </head> <body ...
用div,form制作登录页面,尽可能做得漂亮。练习使用下拉列表选择框,无序列表,有序列表,定义列表。观察常用网页的HTML元素,在实际的应用场景中,用已学的标签模仿制作。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login in</title> </head> <body> <div id="container" style="width:400px " > ...
假如我的HTML中有一个textarea元素,我想在它加载完成后根据内容调整其高度。怎么做呢?1. 我定义的textarea元素如下<textarea class="form-control" type="text" name="value" id="value"placeholder="输入参数值"></textarea>注意: id = ‘value‘这里的关键问题是html加载完后会调用哪个函数,有以下两种方法:2.1 方法一:通过调用$(document).ready(function () {} )<script type="text/javascript">function get_text_rows(...
一.首先我们总结下行内元素和块级元素有哪些:行内元素:<a>标签可定义锚<abbr>表示一个缩写形式<acronym>定义只取首字母缩写<b>字体加粗<bdo>可覆盖默认的文本方向<big>大号字体加粗<br>换行<cite>引用进行定义<code>定义计算机代码文本<dfn>定义一个定义项目<em>定义为强调的内容<i>斜体文本效果<img>向网页中嵌入一幅图像<input>输入框<kbd>定义键盘文本<label>标签为<input> 元素定义标注(标记)<q>定义短的引用<samp>定义样本...
今天学习HTML5中新增元素的使用(Ⅰ)新增主体结构元素Section元素:用于对网站或应用程序中的内容进行分块。<section><h1></h1><p></p></section>Article标签定义外部内容。<article></article>Time元素的使用<p><time></time></p><p><time datetime=></time></p> Ⅱ()新增非主体元素的使用Header:是一种具有引导和导航作用的元素,通常用来放置整个页面或者页面内一个内容快标题。也包含表格,表单和相关logo图片。<p id=”p1”...