Html知识点整理1

前端概念

• 前端概念
  • • 前端的作用
    • 网页组成
    • web标准
    • 浏览器内核渲染引擎
    • URL地址就是我们输入得网址
    • Sublime Text3 开发工具快捷键汇总及设置快捷键配置环境变量
    • 超链接
    • 锚链接
    • 跑马灯效果

1.前端的作用：

用html、css、js技术，将效果图生成网页

2.网页组成：

文字、图片、链接、输入框、音频、视频、超链接等组成

3.web标准：

: html 结构

css 表现

js 行为

4.浏览器内核（渲染引擎）：

浏览器的渲染引擎决定了浏览器如何显示页面的格式和内容

内核的不同，是出现浏览器兼容性问题的根本原因

谷歌–blink （webkit的升级）

苹果Safari–webkit

火狐firefox–Geoko

IE–Trident

5.URL地址：就是我们输入得网址

: URL协议：定义了URL地址的格式

例子：http:// www. baidu.com / myfolder / mypage.html
scheme: 因特网服务的类型，http
host: 域主机 ，http默认为www
domain: 域名， baidu.com
path: 网页在服务器上的路径 ，myfolder
filename: 文件名称 ， mypage.html

6.Sublime Text3 开发工具快捷键汇总及设置快捷键配置环境变量

7.超链接

eg:

<a href = './path/index.html' target = '_self'  title ='备注文字'></a>

href : 想要跳转的文件的路径
target：_self 在当前页面打开/_blank 在新页面打开
title：鼠标停留到链接时显示的文字

8.锚链接

    <p id='top'>定义锚点</p>
 <a href='#top'>超链接到锚点</a>

<a href='#'>当不确定要跳转的页面时，先写空链</a>

<base target='_blank'>//优化写法，让所有超链接都在新窗口打开

9.跑马灯效果

<marquee behavior="slide" direction="up"  width="100px" height="100px" bgcolor="pink">跑马灯</marquee>

behavior:

alternate:来回滚动

scroll：单方向循环滚

slide:单方向不循环

direction：

left/right/up/down方向