热门关键字:
jquery > jquery教程 > jquery教程 > HTML基础学习笔记

HTML基础学习笔记

246
作者:管理员
发布时间:2021/3/4 11:42:02
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4086
  自学 html 基础笔记


  web 前端包含:


  pc 端页面


  移动端页面


  web 前端首先要解决用户体验的问题


  网页主要由文字、图片和按钮等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及 Flash 等。


  1:w3c 万维网联盟组织:用来制定 web 标准的机构(组织)


  2:web 标准:制作网页要遵循的规范


  3:web 标准规范的分类:结构标准;表现标准;行为标准


  - 结构标准:html(用来制作网页的)


  - 表现标准:css(对网页进行美化的)


  - 行为标准:javascript(让网页动起来,具有生命力)


  4:web 标准总结:


  - 结构标准:相当于人的身体


  - 表现标准:相当于人的衣服


  - 行为标准:相当于人的动作


  浏览器是网页运行的平台,常用的浏览器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari 和 Opera 等。


  浏览器内核:也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内 ,容以及页面的格式信息。


  1:浏览器向服务器发送请求(通过http协议)


  2:http协议:超文本传输协议,也就是浏览器和服务器端的网页传输数据的约束和规范


  3:https:加密处理


  4:url协议:平时我们写的网址就是 url 地址


  url协议:规定 url 地址的格式


  协议规定格式:


  scheme: 定义因特网服务的类型。常见的就是http


  host: 定义域主机(http 的默认主机是www)


  domain: 定义因特网域名 比如:w3school.com.cn


  :port 定义端口号(网页默认端口 :80)


  path: 网页所在服务器上的路径


  filename: 文件名称


  html (Hyper Text Markup Language ) 中文译为 ,主要是通过 html 标记对网页中的文本,图片,声音等内容进行描述。


  HTML 之所以称为超文本标记语言,不仅是因为他通过标记描述网页内容,同时也由于文本中包含了所谓的 ,通过超链接可以实现网页的跳转。从而构成了丰富多彩的 Web 页面。


  基本结构如下:


  各部分的含义:


  用于告知浏览器其自身是一个 HTML 文档, 标记标志着 HTML 文档的开始, 标记标志着 HTML 文档的结束,在他们之间的是文档的头部和主体内容。


  这个主要是给搜索引擎看的,搜索引擎不会去判断该站点是中文站还是英文站,所以这句话就是让搜索引擎知道,你的站点是中文站,对 html 页面本身不会有影响。


  主要用来封装其他位于文档头部的标记。一个 HTML 文档只能含有一对  标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。


  标记用于定义HTML页面的标题, 之间的内容将显示在浏即给网页取一个名字,必须位于 标记之内。一个HTML文档只能含有一对  标记,将显示在浏览器窗口的标题栏中。


  标记用于定义 HTML 文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于  标记内, 标记中的信息才是最终展示给用户看的。


  一个HTML文档只能含有一对  标记,且  标记必须在  标记内,位于  头部标记之后。


  HTML 标记标签通常被称为 HTML 标签 (HTML tag)。


  HTML 标签是由尖括号包围的关键词,比如 ;


  HTML 标签通常是成对出现的,比如  和 ;


  标签对中的第一个标签是开始标签,第二个标签是结束标签;


  开始和结束标签也被称为开放标签和闭合标签;


  双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下:


  该语法中  表示该标记的作用开始,一般称为 , 表示该标记的作用结束,一般称为 。和开始标记相比,结束标记只是在前面加了一个关闭符 。


  单标记也称空标记,只有开始标签没有结束标签:


  嵌套关系:类似父亲和儿子之间的关系


  并列关系:类似与兄弟之间的关系


  你好


  我来自中国


  注意:标题标签只能取到数字 1-6


  例如:


  优美的文字


  文字加粗显示


  该减肥了!


  文字斜体


  这行字是斜的


  文字下横线


  文字下横线


  文字下横线


  文字删除线


  删除线


  删除线


  当图片和文件(html)在同一个文件夹中时,src 属性中直接写上图片名称即可。


  当图片在文件(html)的下一级目录中时,src 属性中写上图片所在的文件夹名 +“/” + 图片名称


  当图片在文件(html)的上一级目录中时,src 属性中写上 图片所在文件夹名 + “/” + 图片名称


  凡是带有  的都是绝对路径,或者带有  的也是绝对路径。


  在HTML中创建超链接非常简单,只需用  标记环绕需要被链接的对象即可,其基本语法格式如下:


  在  标签中使用  标签可以设置网页整体链接的打开状态。


  实例:


  百度


  Kai’s Blog


  注意:


  (1)暂时没有确定链接目标时,通常将  标记的 href 属性值定义为“#”(即  ),表示该链接暂时为一个空链接。


  (2)不仅可以创建文本超链接,在网页中各种网页元素,如  等都可以添加超链接。


  通过创建锚点链接,用户能够快速定位到目标内容。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐