HTML知识点梳理(一)

一:什么是HTML

HTML(HyperText Mark-up Language)即超文本标记语言或超文本标签语言

何为超文本:“超文本”可以实现页面内可以包含图片、链接,甚至音乐、程序等。

网页文件本身是一种文本文件,它通过标记符号来标记要显示的网页中的各个部分。

何为标记:当浏览器遇到对应的标签符号时 就实现对应的功能!

网页文件扩展名:.html .htm

----------------------------------------------------------------------------------------------------------------------------------------------------

二:HTML文件结构

<html>    <!--HTML文件的声明开始-->

<head></head>  <!--HTML文件的头部部分-->

<body></body>  <!--HTML文件的主体部分-->

</html>   <!--HTML文件的声明结束-->

----------------------------------------------------------------------------------------------------------------------------------------------------

三:标签分类

  • 标签主要分为双边标签(innerHTML只能获取双边标签中的内容)与单边标签
  • HTML标签通常是成对出现的(双边标签),比如 <div> 和 </div>
  • 双边标签中的第一个标签是开始标签,第二个标签是结束标签;
  • 也有单独呈现的标签(单边标签),如:<br />、<hr />和<img  src=“images/1.jpg” />
  • 双边标签,其内容在两个标签中间。如<h1>标题</h1>
  • 单边标签,其内容在标签属性中赋值。<input type=“text” value=“按钮” />

块级标签和行内标签的区别:

1) 块级元素

● 霸占一行,不能与其他任何元素并列

● 能接受宽、高

● 如果不设置宽度,那么宽度将默认变为其父元素的100%。

2) 行内元素

● 与其他行内元素并排

● 不能设置宽、高。默认的宽度,就是内容的宽度。

块级元素:p、h1~h6   排版标签一般都是属于块级元素

行内元素:b、i、u、font、sup、sub   文本修饰标签一般都是属于行内元素

----------------------------------------------------------------------------------------------------------------------------------------------------

书写规则

  • HTML标签是由一对尖括号包围的关键词,比如 <html>
  • 标签名不区分大小写   但是建议使用小写   <font>  <FONT>  <Font>
  • 如果标签中有属性  属性与标签名之间要有一个空格  如果一个标签内有多个属性 属性与属性之间要有一个空格  属性要写在开始标签中  不能写在结束标签中
  • 如果标签中有属性  属性的值是需要加引号的  单引号和双引号都可以
  • 每一个标签都需要关闭,单边标签需要使用反斜线关闭!

标签与标签之间的嵌套只能使用顺序嵌套  不能交叉嵌套

标签可以有若干个属性,也可以不带属性。如<head>标签就不带任何属性

----------------------------------------------------------------------------------------------------------------------------------------------------

四:注释

为什么要写注释?

比如:方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等。

可以在HTML文档中加入自己的注释。注释不会显示在页面中,它可以用来提醒程序员回忆相关的程序信息。

注释的格式:

<!—注释的内容-->

----------------------------------------------------------------------------------------------------------------------------------------------------

五:字符实体

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。


空格


&nbsp;


>


&gt;


<


&lt;


&


&amp;



&yen;


版权


&copy;


注册


&reg;


×


&times;


÷


&divide;

时间: 2024-11-01 17:17:16

HTML知识点梳理(一)的相关文章

jquery知识点梳理

jQuery知识点梳理 一.              jquery选择器 基本选择器 ID选择器 类选择器 标记选择器 分组选择器 通配符选择器 层次选择器 $(“ancestor descendent”):祖先后代选择器    空格 $(“parent > child”):父子选择器   大于 $(“prev + next”):相邻后兄弟元素选择器   加号 $(“prev ~ siblings”):所有后兄弟元素选择器  波浪线 过滤选择器:基本过滤选择器 :first.:last.:od

Javascript重要知识点梳理

Javascript重要知识点梳理 说明 Javascript流程控制 js中常用的数据类型 var关键字的使用 if – else if – else switch while for Javascript常用函数 1.  字符串函数 substring indexOf lastIndexOf charAt replace split toLowerCase toUpperCase 2.  数学运算函数 3.  数据类型转换函数 parseInt parseFloat Math.abs Mat

[独孤九剑]Oracle知识点梳理(十)%type与%rowtype及常用函数

本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(六)数据库常用对象之Procedure.function.Sequence [独孤九剑]Oracle知识点梳理(七)数据库常用对象之Curs

[独孤九剑]Oracle知识点梳理(七)数据库常用对象之Cursor

本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(六)数据库常用对象之Procedure.function.Sequence [独孤九剑]Oracle知识点梳理(八)常见Exception

[独孤九剑]Oracle知识点梳理(八)常见Exception

本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(六)数据库常用对象之Procedure.function.Sequence [独孤九剑]Oracle知识点梳理(七)数据库常用对象之Curs

[独孤九剑]Oracle知识点梳理(九)数据库常用对象之常见package

本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(六)数据库常用对象之Procedure.function.Sequence [独孤九剑]Oracle知识点梳理(七)数据库常用对象之Curs

[独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL

本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(六)数据库常用对象之Procedure.function.Sequence [独孤九剑]Oracle知识点梳理(七)数据库常用对象之Cursor [独孤九剑]Oracle知识点梳理(八)常见Exception

[独孤九剑]Oracle知识点梳理(六)数据库常用对象之Procedure、function、Sequence

本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(七)数据库常用对象之Cursor [独孤九剑]Oracle知识点梳理(八)常见Exception [独孤九剑]Oracle知识点梳理(九)数

MyBatis 知识点梳理

简单地梳理下MyBatis相关的知识点,主要想让自己重新捡起以前学的框架,如果能给广大程序猿朋友有所帮助那就更好了.有疏漏的地方也欢迎大家评论指出.闲言少叙,进入正题....... MyBatis知识梳理 简介(百度,随便看看) MyBatis最早源自Apache基金会的一个开源项目iBatis,2010年这个项目有Apache software foundation迁移到了google code,并且改名为MyBatis. MyBatis是支持普通SQL查询,存储过程和高级映射的优秀持久层框架

[独孤九剑]Oracle知识点梳理(零)目录

本系列只涉及到Oracle的具体用法,没有上升到理论层面,都是日常工作中总结积累出的零碎知识点,基本上都是一些使用例子,哪天用到了,可以直接复制出来改改. [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(六