前端之HTML篇

一、HTML基础

   1、网站与网页

        网页:由图片、文字、视频、声音等元素构成的页面,后缀名是.hmtl/.htm

        网站:很多网页的集合

   2、HTML定义

         HTML:超文本标记语言(Hyper Text Markup Language),用来描述网页的一种语言

        XHTML:可扩展超文本标记语言(标识语言),语法比HTML更严格

        文件命名规范:名称全用小写的英文字母、数字、下划线的组合,其中不包括汉字、空格和特殊字符,必须以英文字母开头

         注:html不是编程语言,而是一种标记语言

  3、浏览器内核

        浏览器内核(渲染引擎):负责读取网页内容,整理讯息。计算网页的显示方式并显示页面。

  4、Web标准

      (1) Web标准是由W3C(万维网联盟)和其他组织制定的一系列标准的集合

      (2) Web标准的构成:结构、表现、行为

            结构:对网页元素进行整理和分类,主要是html;

            表现:用于设置网页元素的版式、颜色、大小等外观样式,主要是css;

           行为:网页模型的定义以及交互的编写,主要是javascript;

二、HTML标签

HTML语言由标签和属性组成

标签:长在尖角号后面的第一个单词,称作“标签”;

属性:长在标签后面并且用空格隔开的,称作“属性”(属性值和属性用=连接,并且属性值放在双引号里面)

   (一)HTML语法规范

  1. 由尖括号和元素组成<html></html>;
  2. Html标签通常是成对出现的,称为双标签,<开始标签></结束标签>;
  3. 极少数是单个标签,如<br />,称为单标签或空标签;

   (二)HTML基本标签

<!DOCTYPE html>:声明文档类型的标签
<html> 元素是 HTML 页面的根元素
<html  lang=”en”>:定义当前文档显示语言  en--英文,zh-CN--中文
<meta charset=”utf-8”>:定义文档的字符编码
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容

      1、html代码分为两部分:

a、头部描述区:<head></head>

b、本身内容区:<body></body>

     作用:在页面中看到的内容都在body中

      2、标签分为两类

         (1)单标签【空标记】:只有开始标记

   语法:<标签  属性=“属性值”    属性1=“属性值” />

         (2)双标签【常规标记】:标签成对出现

  语法:<标签  属性=“属性值”   属性1=“属性值”></标签>

三、标签

1、文本标题标签

(1)语法:<h1></h1>: H1有唯一性 ,一个页面只能出现一次  ,一般用来放logo

      共有6个标签(h1~h6)     

       语义:作为标题使用,并且依据重要性递减 

       特点:文字加粗、从大到小、独占一行

2、文本格式化标签

标签 语义 作用 特点
<p></p> 段落 将网页分中的文字分段显示 两个段落之间会有空隙,
<br   /> 换行 强制换行 单标签;开始新的一行,没有类似段落之间的间隙

<i></i>  或

 <em></em>

倾斜
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值