
Headfirst笔记-HTML
文章平均质量分 74
cq14389
这个作者很懒,什么都没留下…
展开
-
<q><blockquote> block,inline,元素分类
-内联(inline)元素: 正常元素 块(block)元素: 空(void)元素: 只需要一个开始标记,无需块元素常用于Web页面构建主要模块,内联元素用来标记小段内容。启示:设计页面时,一般从大到小。block first,then inline.原创 2015-12-22 22:24:18 · 656 阅读 · 0 评论 -
<span>
用来创建内联字符和元素 Html页面是这样的:CSS是这样的:对比一下的CSS是这样的:问题来了比如有三行文字,格式为:艺术家--曲名.如果要使艺术家名字加粗,曲名斜体,为什么要建,而不直接用和?一般原则是,用与内容含义最接近的元素来标记内容.如果是为了强调一个重点,可以用如果要强调某些文字,可以原创 2015-12-31 16:27:40 · 343 阅读 · 0 评论 -
<a>普通链接,邮件链接<id><img>
设置链接设置图片链接情境:当原链接(图片,网页等)被改放到新文件夹,网页超链接会失效。方法:无论原链接移动到子文件夹或父文件夹,都可按照格式直接复制粘贴新地址。(记得把\改为/,理由见好好反省)或者向上链接到上一层父文件夹,可以使用"../文件名.html"向上连接到上两层父文件夹,则可使用"../../文件名.html"以此原创 2015-12-22 09:53:52 · 889 阅读 · 0 评论 -
<div>
什么叫逻辑区(logical sectioin)?页面上彼此相关的一组元素。例如我们发现在一个关于宠物的html上,“猫猫”区的元素构成为一个标题和一个段落,如+>"狗狗"区的构成也为一个标题和一个段落,+>我们可在属于一个逻辑区的元素周围放置,并同时用id/class指定标签 id 用于标识单独的唯一的元素。<div class="cats"> cl原创 2015-12-31 09:57:25 · 496 阅读 · 0 评论 -
<li><ol><ul>
列表分类:有序列表,无序列表有序列表: ordered list Walla walla, WAMagic city, IDBountiful, UTLast Chance, COWhy, AZTruth or Consequences, NM无序列表:unordered list Walla wal原创 2015-12-22 22:25:54 · 804 阅读 · 0 评论 -
<img>
既是inline元素,不会在前面或后面插入换行;也是一个void元素,不需要结尾 More than a just a 图像:不同图像格式分别有什么作用 JPEG一般比同质量的PNG,GIF占用空间小,但PNG,GIF logo效果好于JPEG,占用空间也更小。如何在 GIF,PNG间选择 PNG压缩更优,对颜色数相同的图像(最多256色)PNG文件更小。原创 2015-12-24 22:50:02 · 728 阅读 · 0 评论 -
HTML5开头声明
HTML的标准由W3C(World Wide Web Consortium)制定,可以用检查工具:https://validator.w3.org/nu/点击打开链接HTML5可以用来构建web应用:社交媒体应用,地图应用,游戏……参考《Head First HTML5 Programming》HTML现今采用Unicode字符编码 一种编码可以表示所有语言。但由于还存在其他编码,所以我们原创 2015-12-26 14:18:36 · 6269 阅读 · 0 评论 -
导航<nav>,视频<video>
html先为导航建立链接,并把锚包围在无序列表当中CSS增加nav注意一下margin视频controls (controls是"布尔属性",如果有controls属性,视频控件会出现,若没有,则不出现)autoplay (autoplay是"布尔属性",如果有autoplay属性原创 2016-01-06 09:17:36 · 1115 阅读 · 0 评论 -
html表单实现交互,控件,可访问性<label>
神马是表单?实际上就是一个包含输入域的Web页面,允许你输入信息.表单如何工作?通过浏览器,我们访问了一个包含HTML表单的页面,填写了表单,然后提交浏览器打包表单数据,发给Web服务器Web服务器收到表单数据,然后把数据传给一个服务器脚本进行处理服务器脚本处理完表单数据,然后创建一个全新的HTML页面作为响应,再将这个页面传给Web服务器Web服务器把服务器脚本的响应(就是那原创 2016-01-08 09:02:13 · 2858 阅读 · 0 评论 -
html表格
CSS\ caption是标题,caption-side:top默认值。把表格标题定位在表格之上。bottom把表格标题定位在表格之下。inherit规定应该从父元素继承 caption-side 属性的值。单元格和盒模型相似,但单元格没有外边距,不能单独控制各个表格单元的边框间距。而要统一通过border-spacing来设置.border-spacing:1原创 2016-01-06 16:32:08 · 1114 阅读 · 0 评论