HTML基础一笔记

作者: Stevenqqq | 来源:发表于2017-02-15 20:08 被阅读0次

一、浏览器

1.浏览器是帮助用户进行浏览网页的软件

2.常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。

3.W3C:万维网联盟创建于1994年.是Web技术领域最具权威和影响力的国际中立性技术标准机构。html、css等标准都是由此机构主导制定。

二、服务器

1.浏览器接受用户操作→浏览器封装HTTP请求→连接服务器:DNS解析→发送请求Request→服务器接收请求→处理请求→返回响应报文→浏览器接收响应报文→渲染页面呈现

2.ajax请求后台服务,后台用PHP、Node.js等写成。

三、网页

1.网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。

2.HTML:页面结构、CSS:页面样式表现、JavaScript:交互行为

3.结构:<html>

<head></head>

<body>

<h1></h1>

<p></p>

<body>

</html>

4.Doctype标签,文档协议声明标签

–文档协议声明标签,非常重要

–协议不同影响整个页面显示的效果

–目前主流用HTML5的协议文档

5.Doctype标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。主要用于浏览器解析文档标签的依据。

6.所有的标签必须写在<html></html>两个闭合标签之间。

7.<head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后。

8.<meta charset="UTF-8">,指定字符编码。

9.<title>网页标题名称</title>

title标签对于网站SEO至关重要,标题的好坏直接影响网站的SEO

SEO(Search Engine Optimization):网站搜索引擎优化

10.link标签可以引入CSS样式。

11.body标签是页面的主题部分,需写在head之后。

12.<h1>到<h6>是标题。

<p>段落。

<br>换行。

<hr/>创建水平线。

常用修饰标签:

13.  加空格

14.<a herf="www.baidu.com"></a>

a标签herf属性:指向跳转的网址。

a标签target属性:_self(默认的,在当前页面打开链接)

                           _blank:表示在新的界面中打开链接。

四、URL

1.•URL协议:Uniform Resource Locator,统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。

2.相对路径:/../../../  相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。

绝对路径:C:\Users\ 绝对路径一般是指带有盘符的路径。

五、图像

1.GIF格式常常用于Logo、小图标及其他色彩相对单一的图像。

总结:小、兼容性好、支持透明、色彩太多不行。

2.通常,图片保存为PNG-8会在同等质量下获得比GIF更小的体积,而半透明的图片只能使用PNG-24。

3.JPEG是一种有损压缩格式,其文件体积非常小,非常有利于网络传输,但由于是有损压缩,所以将一幅图像转换为JPEG格式后图像质量会降低。一般用于广告,大的宣传的图片,照片等。

4.gif和png基本差不多,色彩比较少的直接gif,如果图片动画用gif。对色彩要求高的用jpg。

5.<img src="logo.gif" alt="我的LOGO" title="我的Logo" />

img标签中各个属性的用处:

相关文章

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • html基础笔记

    学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...

  • 【HTML笔记】_HTML基础one

    为了写页面硬着头皮上HTML,一切从0开始,但愿我能OK! 【文本样式】 【常见标签】1.title标签 ... ...

  • HTML笔记5:HTML基础

    1. HTML标题 使用 - 标签定义例如: 浏览器会在标签前后添加空行 搜索引擎使用标题为网页的结构和内容编制索...

  • JavaScript ☞ day1

    JavaScript基础学习笔记之JavaScript基础 HTML中添加JS代码、注释方法、输出方式 docum...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • 快毕业了发现自己前端学的不够扎实怎么办

    一、基础(重新学一遍比第一次学效率快很多)1、HTML基础笔记:实践建议 HTML给你的网页赋予了结构。它就像是人...

网友评论

    本文标题:HTML基础一笔记

    本文链接:https://www.haomeiwen.com/subject/gsoqwttx.html