自学 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)不仅可以创建文本超链接,在网页中各种网页元素,如 等都可以添加超链接。
通过创建锚点链接,用户能够快速定位到目标内容。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
Tomcat配置技巧