前端基础-标签1

基础概念

1. 什么是网页？

网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定的内容相关的网页集合。

网页是网站中的一页，是图片链接文字声音视频等元素组成，其实就是一个html文件（后缀名为html）

1. 什么是HTML

HTML指的是超文本标记语言，是一种标记语言。用来制作网页的一门语言

     2.常用的浏览器

IE  火狐 谷歌 safari opera

Web标准

Web标准是由W3C组织和其他标准化组织指定的一系列标准的集合

主要包括结构、表现和行为

结构：结构用于对网页元素进行整理和分类

表现：表现用于设置网页元素的板式、颜色、大小等外观样式，主要指CSS

行为：行为是指网页模型的定义及交互的编写，现阶段主要学的是javascript

语法规范

1. HTML标签是由尖括号包围的关键词
2. 标签关系：包含关系和并列关系-】

标签

1. 标题标签
    h1-h6
2. 段落标签

3. 换行标签
   
4. 加粗标签    
5. 删除线标签  
6. 倾斜标签
7. 下划线
8. 盒子布局
   大盒子
   division的缩写,表示分割分区,自己独占一行  小盒子一行可以多个
9. 图像标签

• 其他属性

  src	图片路径	必须属性
  alt	文本	替换文本,图像不能够显示的文字
  title	文本	提示文本,鼠标放到图像上,显示的文字
  Width	像素	设置图像的宽度
  Height	像素	设置图像的高度
  Border	像素	设置图像的边框粗细

          路径:

               目录文件夹:就是普通文件夹,里面存放了我们作业面所需要的相关素材,比如html文件\图片等

                根目录:打开目录文件夹的第一层就是根目录

               1.相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。简单来说，图片相对于HTML页面的位置

                  

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级 如
下一级路径	/	图像文件位于HTML文件下一级如
上一级路径	../	图像文件位于HTML文件上一级 如

  

        10.超链接  文本或图像

                          下载压缩包

                    

属性	作用
href	用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能
target	用于指定链接也免得打开方式,其中_self为默认值,_blank为新窗口中打开方式

          11.锚点链接

                  在链接文本的href属性中,设置属性值为#名字的形式,如公司

                  找发哦目标位置标签,里面添加id属性=刚才的名字,如:

公司介绍

          12.注释标签和特殊字符

                  快捷键 ctrl+/

               常用特殊字符  空格=      < 小于号=<  >大于号>