headfirst系列html中了解到的一些小细节
这本书适合先去看一个小时左右的入门视频然后回来看通本会有很大收获>
补充完了,,关于HTML的学习我强烈推荐搭配w3school食用,不要问为什么,问就是好用。
超文本
- href的含义是hypertextreference超文本引用
- HTML中的HT指的是hyperText超文本,ML指的是markuplanguage标记语言
- ‹style›元素总要放在head元素里,虽然他可以指定“text/css”但是其实完全可以不带这个类型属性,因为所有浏览器都知道你指的是css。
- css是层叠样式表的缩写,用来控制HTML的表现
- 一些浏览器可以接受没有html标记,但是在工业级强度HTMl中是不被允许的。
基础元素
-
开始输入内容之前要规划好Web页面的结构。首先画出一个草图,然后创建一个略图,最后再写出HTML
-
规划页面时,首先设计大的块无素,然后用内联元素完善。
-
-定要使用与内容含义最接近的元素。 例如,如果需要一个列表,就不要使用段落元素。
-
元素它们单独显示,在内容前后分别有一个换行 (默认地)‹p›‹blockquote›‹ol›‹ul›‹li›
-
‹q›和‹em›是内联元素。这些元素中的内容与其包含元素的其余内容放在- - 起。
-
<代表‹
-
>代表›
-
虽然书上说‹li›要和‹ol›或者‹ul› 一起使用但是我自己操作了一下发现‹li›单独操作是会默认无序的,但是我们最好还是加上为妙,可能我学到后面会解释一下吧。。
-
XHTML处理‹br›时特别严格br前要加/
-
‹blockquote›运用要注意中间加换行,不会自动换行的哟
-
‹hr/›标签在 HTML 页面中创建水平线。
-
background-color 属性为元素定义了背景颜色,这就是HTML的样式实例。
-
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:
-
text-align 属性规定了元素中文本的水平对齐方式:
例如:‹h1 style=“text-align:center”›This is a heading‹h1/› -
下面是一些老版本的标签和属性要避免使用
图像
- 浏览器对‹img›元素的处理与其他HTM.元素稍有不同。读取HTML页面之后,浏览器会从Web服务器获取各个图像并显示。
- 如果Web页面上有多个大图像,则可以通过创建图像的缩略图使你的Web页面更可用,下载也更快,缩略图是一些小图像(大图像的缩小版本) , 用户单击这些缩略图时可以看到原来的大图像。
- ‹img›元素是一个内联元素,这说明浏览器不会在图像前后插入一个换行。
- JPEG、PNG和GIF是Web浏览器广泛支持的3种图像格式。
- JPEG格式最适合保存照片和其他复杂图像。GIF或PNG格式最适合保存logo和和其他包含单色、线条或文本的简单图形。
- gif和png是无损的且可以控制透明度,jpeg有损且不课控制透明度
链接和网站发布
- 要把网站发布到Web上,通常最好的办法就是找一家托管公 司来托管你的Web页面。
- 域名是一个唯的名字, 如amazon.com或starbuzzcoffee.com,用来唯一标识网站。
- 文件传输协议(File Transfer Protocol,FTP)是向服务器传输web页面和内容的常用方法。
- URL是统一资 源定位符或Web地址,可以用来标识Web.上的任何资源。
- 典型的URL由一个协议、一个网站名和资源的一一个绝对地址组成
- HTTP是一个请求和响应协议,用来在Web服务器和浏览器之间传送Web页
- 可以用id属性在页面中创建一个目标。使用#后面加一个目标id,可以链接到页面中的那个位置。
- 如果多个‹a›元素的target都为某个值且不为blank那么每打开一个网页就会覆盖掉上一个网页
- id属性的开头必须是字母,如果开头不是字母就不会成功跳转
- 元素的属性先后不重要