HTML基础知识和基础标签

我会带着你远行 2022-12-10 10:26 295阅读 0赞

HTML基础知识

1、HTML:超文本标记语言

2、浏览器内核:负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。


























浏览器 内核
IE Trident
Firefox Gecko
Safari Webkit
Chrome/Opera Blink

Blink是一个由Google和Opera Software开发的浏览器排版引擎,Google计划将这个渲染引擎作为Chromium计划的一部分,并且在2013年4月的时候公布了这一消息。这一渲染引擎是开源引擎WebKit中WebCore组件的一个分支,并且在Chrome(28及往后版本)、Opera(15及往后版本)和Yandex浏览器中使用。

3、web标准是由W3C(万维网联盟)组织和其他标准化组织制定的一系列标准的集合。W3C是国际最著名的标准化组织。


HTML标签

HTML语法规范

HTML标签是由尖括号包围的关键词。

HTML标签通常是成对出现的,我们称之为双标签。例如:

有些特殊的标签必须是单个标签,称之为单标签。例如:

标签的关系

1. 包含关系:

  1. <head>
  2. <title></title>
  3. </head>

2. 并列关系

  1. <head></head>
  2. <body></body>

HTML基本结构标签

每个网页都会有一个基本的结构标签(也成为骨架标签),页面内容也是在这些基本标签上书写。

HTML页面也称为HTML文档

  1. <html>
  2. <head>
  3. <title>我的第一个页面</title>
  4. </head>
  5. <body>
  6. 你怎么这么可爱!
  7. </body>
  8. </html>






























标签名 定义 说明
<html></html> HTML标签 页面中最大的标签,称为根标签
<head></head> 文档的头部 注意在head标签中我们必须要设置的标签是title
<title></title> 文档的标题 让页面拥有一个属于自己的页面标题
<body></body> 文档的主题 元素包含文档的所有内容,页面内容,基本都是放到body里面的

HTML文档的后缀名必须是.html或.htm。标签的里面是网页的标题,里面是网页的主体,页面的内容基本都是放到body里面的。

文档类型声明标签

文档类型声明<!DOCTYPE>,作用就是告诉浏览器使用哪种HTML版本来显示网页。声明位于文档中的最前面的位置,处于标签之前。<!DOCTYPE>不是HTML的标签。他是文档类型声明标签。

lang用来定义当前文档的显示语言,en定义语言为英语,zh-CN定义语言为中文。

charset是多个字符的集合。以便能够识别和存储各种文字。在标签内,可以使用标签的charset属性来规定HTML文档应该使用哪种字符编码。UTF-8基本包括了世界所有国家需要用到的字符。在使用时,一般使用UTF-8.

常用标签

标签语义,即这个标签是用来干什么的。根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更加清晰。

标题标签

,一共有六个等级的网页标签,一级标签最大,依次递减,加了标题标签的文字会加粗变大,并且独占一行。标题标签是双标签。

段落标签

,可以把文章分成许多的段落,两段之间会有较大的空隙,段落会根据浏览器窗口的大小自己调整换行,段落标签是双标签。

换行标签
,强制换行,另起一行显示,不分段落,换行标签是单标签.

文本格式化标签:































语义 标签 说明
加粗 <strong>或者<b> 更推荐使用<strong>标签加粗,语义更强烈
倾斜 <em>或者<i> 更推荐使用<em>标签加倾斜,语义更强烈
删除线 <del>或者<s> 更推荐使用<del>标签加删除线,语义更强烈
下划线 <ins>或者<u> 更推荐使用<ins>标签加下划线,语义更强烈

用来布局,一行可以使用多个。

用来布局,一行只能使用一个

图片标签

在HTML中标签中,标签用于定义HTML页面中的图像。

src:图片标签的必须属性,它用于指定图像文件的路径和文件名。

alt :替换文本,图像显示不出来的时候用文字替换。

title:提示文本,鼠标放到图像上,提示的文字。

width:设置图像的宽度。

height:设置图像的高度。

border设置头像的边框粗细。一般不通过属性设置边框,通过CSS修改。

一般设置的时候宽度和高度只需要设置其中的一个,另一个会自动等比例缩放。

图像标签可以有多个属性,必须写在标签名的后面。属性之间不分先后顺序,但是属性之间必须使用空格来分割,属性采取键值对的格式,即key=“value”。

发表评论

表情:
评论列表 (有 0 条评论,295人围观)

还没有评论,来说两句吧...

相关阅读

    相关 HTML基础标签

    快速入门 1.新建文本文件,后缀名改为 .html/.htm 2.编写 HTML结构标签 3.在中使用 定义标题字体 4.使用标签定义图片 5.保存后,使用

    相关 htmlcss基础知识

    一,html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技