HTML小白入门学习1

目录

一、什么是HTML

二、HTML的语法

2-1、基本结构

 2-1-1、基本结构的解释

三、实体

3-1、什么是实体

3-2、实体的语法

 四、常用的标签

4-1、常用标签


目录

一、什么是HTML

二、HTML的语法

2-1、基本结构

 2-1-1、基本结构的解释

三、实体

3-1、什么是实体

3-2、实体的语法

 四、常用的标签

4-1、标题标签


一、什么是HTML

       HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

二、HTML的语法

2-1、基本结构

 2-1-1、基本结构的解释

<!-- ctrl+/ 注释快捷键 -->
<!-- shift+! 快速生成网页结构-->
<!-- 文档声明  告诉浏览器,我是按照html规范进行编译,浏览器你在给我解析,也按照html规范来 ,
    避免陷入怪异模式-->
<!DOCTYPE html>
<!-- html标签  根标签/根元素 一个页面只能有一个html标签 -->
<html lang="en">
    <!-- head标签  主要设置元信息 帮助浏览器编译代码 -->
  <head>
      <!-- meta 设置头部的元信息  属性="属性值" 
         charset属性  设置字符集  utf-8属性值  万国码   -->
    <meta charset="UTF-8" />
    <!-- 以下meta标签主要是设置移动端的相关配置 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- title标签 网页的标题  可以帮助浏览器快速定位网站   -->
    <title>手机</title>
  </head>
  <!-- body标签  书写网页的主体内容 -->
  <body>
 </body>
</html>

注意1:ctrl+/  注释符号                                                      

1、不会被浏览器编译

2、注释符号不能被嵌套

3、每个同学都要养成注释的习惯

4、注释尽量简洁

注意2:h5规范

      1、html标签要么成双成对出现,要么自结束标签   一定要写完整

      2、html标签中是不区分大小写的,一般情况用小写居多

      3、html标签可以嵌套,但不可以交叉嵌套

      4、html语言是一种宽泛的语言,容错率较高,如果程序员写错了,浏览器会自动纠错

          但这种情况我们要尽可能的避免

          (1)、它给你修改不一定是你想要的

          (2)、会影响网站的性能,不利于推广

      5、合理使用注释

三、实体

3-1、什么是实体

         浏览器在编译的时候,有一些特殊的字符,例如空格、大于号、小于号等等,被浏览器提前征用,在程序员想使用的时候,需要用一些额外的字符表示这些特殊的字符,这些额外的字符就叫实体

3-2、实体的语法

&实体的名字;

常用的实体

       空格   &nbsp;

       大于号  &gt;

       小于号  &lt;

       版权符号  &copy;

代码及效果展示:

 

 四、常用的标签

4-1、常用标签

1、标题标签  h1,h2,h3,h4,h5,h6

默认样式:字体放大、字体加粗、独占一行了

语义:就是个标题,h1==>h6,语义是逐步降低的

           h1的语义是最重的,一般情况一个页面只有1个h1

常用的就是h1-h3

2、段落标签   p

        默认样式:段落与段落之间有空白的间距;独占一行

        语义:一个自然段

3、强调标签  em  strong

em标签:

默认样式:有一点斜体;没有独占一行

                  强调语音语调

strong标签:

默认样式:有加粗的效果;没有独占一行

                  强调内容的重要性

俩个标签的区别:首先默认样式的不同、然后强调的重点不一样

其实在实际的开发过程,不会做这么细致的区分

 

4、换行标签  br

 它是一个自结束标签,具体看下面用法

 5、分割线标签   hr

它与br标签一样也是一个自结束标签

6、引用标签   q

效果图上的  “学而时习之”  双引号的效果就是q标签实现的

(ps:后续会持续更新HTML知识,点点关注,希望大家一起进步)


评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值
>