HTML小白入门学习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、实体的语法

&实体的名字;

常用的实体

空格  

大于号 >

小于号 <

版权符号 ©

代码及效果展示：

四、常用的标签

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知识，点点关注，希望大家一起进步）

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

学习

Java