前端学习笔记之HTML(1)

《HTML

网页基本组成

网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素构成。

什么是HTML

超文本标记语言,描述网页的一种标记语言,是一套标记标签。

常用的浏览器(国际通用的)

IE(Edge)、火狐、谷歌、Safari、Opera

浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

 

Web标准的三大组成部分

 W3C(万维网)

WEB标准的构成:结构(Structure)、表现(Presentation)、行为(Behavior)

Web标准提出的最佳体验方案:结构、样式、行为相分离。

《HTML标签》

HTML语法规

HTML标签是由尖括号包围的关键词,如<html>,通常标签成对出现,称为双标签,也有极少的单标签。

标签的关系:

双标签的关系:包含(嵌套,父子关系)并列(兄弟关系)

HTML基本结构标签

也叫骨架标签

开发工具

DW   WebStorm   Builder   VS Code

<!DOCTYPE>文档类型声明标签,告诉浏览器使用哪种HTML版本来显示网页,位于第一行,不是标签语言。

<lang>用来定义当前文档显示的语言

<meta charset=”UTF-8”> 必须要写,否则会乱码

常用标签

标题标签:加了标题标签的文字会加粗,字号变大,一个标题独占一行

<h1><h2>….<h6>总共六级标题

<h1>我是一级标题</h1>

段落标签:<p>段落标签</p>

特点:文本在浏览器窗口中会根据窗口大小自动换行。段落中间有空隙。

换行标签:将文本强制换行<br /> 单标签

文本格式化标签:使文字以特殊的方式显示,突出重要性,粗体、斜体、下划线等。

<div>和<span>标签:没有语义,就是一个盒子,用来装内容,用来布局的。

图像标签:<img src= “图像URL” /> src:图像的必须属性,指定图像问价的路径和文件名

图像标签可以有多个属性,但是都要写在标签名后面,属性之间没有顺序,以空格分开

 相对路径:以引用文件所在位置为参考基础的目录路径。

绝对路径:指目录下的绝对位置,指的是在电脑中的位置,从盘符开始。

超链接标签:<a>从一个页面连接到另外一个页面。

链接语法格式:<a href=”跳转目标” target=”目标窗口的弹出方式”>文本或图像</a>

默认值为_self,在当前窗口打开页面,_blank在新的窗口打开页面

链接分类:

外部链接:

内部链接:网站内部页面之间的互相链接。直接写网页的名称即可。

空链接:还没有确定链接目标是,可以用#代替。<a href=”#”>首页</a>

下载链接:如果href里面是一个文件或者压缩包的地址,就会下载这个文件。

网页元素链接:如图片,文本,表格,音频,视频等。

锚点链接:点击链接,可以快速定位到页面中的某个位置。

注释和特殊字符

注释标签:在文档中添加一些便于理解和阅读但是又不需要显示在页面中的注释文字。

<!--开头,以-->结束

特殊字符:

 表格标签:

表头单元格标签:位于第一行第一列,里面的文字加粗居中显示。

表格属性:实际中通过CSS来设置,此处了解。

表格结构标签

<thead>表格的头部区域 <tbody>表格的主题区域,包含在<table>.</table>里面

合并单元格

  1. 跨行合并:rowspan=”合并单元格的个数”
  2. 跨列合并:colspan=”合并单元格的个数”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值