Html知识点整理1

时间:2022-11-17 14:21:48

前端概念

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方向