Web前端三大核心技术之HTML

Posted 清_如许

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web前端三大核心技术之HTML相关的知识,希望对你有一定的参考价值。

前言

web前端三大核心技术

  • HTML:负责网页的架构
  • CSS:负责网页的样式、美化
  • JS:负责网页的行为

一、HTML简介

  1. 定义:超文本标记(标签、元素)语言;
  2. 标签:
    • <>包围的关键词   例如:<html>
    • 成对出现               例如:<b></b>(结束标签)  <b>为开始标签,</b>为结束标签

二、HTML骨架标签

  1. 骨架标签:新建的时候默认生成的那些标签;
    • meta 标签可以设置网页的字符集(utf-8  国际编码)
    • title  标签设置网页的标题
    • body 标签设置网页的主体内容部分

三、HTML常用标签

1、章标题标签

h1到h6分六级,依次减小效果,每个标题都是独占一行空间;

注意:不能自己造标签,因为无法正常运行;

2、空格和回车

  • 空格:   &nbsp;  
  • 换行:   <br />   
  • 也可以写:<br>  <br/> <br >

3、p标签和标签语义化

p就是负责放文章段落的;

语义化:在合适地方使用合理的标签,就叫满足标签语义化;可以在搜索引擎排名中更靠前!

4、代码注释

程序员给自己代码的提醒文字,浏览器不会直接显示;

测试要注意项目上线之前,要求程序员删除注释的内容,目的是加快网页的加载速度

例:  <!--  这里的文字就当做注释来实现了  -->

4、文字相关的标签

  • b和strong都可以代表加粗,后者代表特别强调的语义;
  • i和em都可以实现倾斜,后者代表一般强调语义
  • s和del都可以实现删除线效果,后者即将替代前者

以上是关于Web前端三大核心技术之HTML的主要内容,如果未能解决你的问题,请参考以下文章

Spring Boot 2.0深度实践之核心技术篇

必备的Web前端技术有哪些?

WEB前端培训课程需要学习哪些方面的技术

微前端究竟是什么?微前端核心技术揭秘!

大数据三大核心技术:拿数据、算数据、卖数据!

三大框架 之 Hibernate框架概述(概述配置核心API)