HTML快速入门——Web前端

最新推荐文章于 2023-10-11 18:51:59 发布

冯晓如

最新推荐文章于 2023-10-11 18:51:59 发布

阅读量178

点赞数 2

分类专栏： Web前端文章标签： HTML快速入门

本文链接：https://blog.csdn.net/honeygirl_/article/details/100875773

版权

Web前端专栏收录该内容

36 篇文章 2 订阅

订阅专栏

1.HTML概述
HTML（Hyper Text Markup Language）超文本标语言
超文本：具备特殊功能的文本
普通文本：a
超文本：a,功能为超链接
普通文本：b
超文本：b,加粗显示文本
标签：Markup，规范了超文本的组成形式
超文本五年a：
语言：Language，具备特定的语法规范

HTML是网页的设计语言，由HTML编写的语言是以.html或.htm结尾。
并且有浏览器负责运行

HTML开发及运行工具(点中文件按f2可以重命名)
1.开发工具
记事本,超级记事本（Editplus）
2.运行环境（工具）
各款浏览器（IE，Firefox，Chorome,）

2.HTML基础语法
1.标记语法
1.什么是标记
在HTML中，用于描述功能的符号成为　标记
　　　　　标记在使用过程中必须用　＜　＞　括起来
　　　　　
　　　　　标记分为：
　　　１.封闭类型标记
　　２.非封闭类型标记
　标记语法
　　　　１.封闭类型标记
　　　　　　必须成对出现
　　　　　　＜标记＞内容＜／标记＞
　　　　　　注意！：封闭类型标记必须有结束＜／＞
　　　　２.非封闭类型标记
　　　　　也称　空标记，单标记
　　　　　语法：
　　　　　　　＜标记＞　　或　　＜标记／＞　　　
　　　２.元素
　　　　　元素，即标记　　
　　　　１.元素嵌套
　　　　　在一个元素中，允许出现另一个元素，形成更为复杂的语法结构
　　　　注意！：
　　　　　１.嵌套时注意顺序
　　　　　２.嵌套格式－缩进
　　　　　　被嵌套的内容前要通过Ｔａｂ键表示缩进
3.属性和值
属性用来修饰元素的
语法：
<标记属性=“值” 属性=“值”></标记>
ex:

属性：align:当前元素的文本的水平对齐方式
值：center：剧中对齐

标准属性：
又称为通用属性，页面上所有的标记都会具备的属性
1.id
页面元素独一无二的标识
2.title
鼠标移入到元素是所提示的内容
3.class（css中用）
定义元素的类选择器
4.style（css中用）
定义元素行内样式
4.注释
注释是不会被浏览器所解释运行的

注意！：
1.注释之间不能嵌套
2.注释不能位于<>中
5.HTML 和 XHTML
1.HTML4.01
1999年12月24日发布HTML4.01标准
2.XHTML1.0
2000年01月26日发布XHMTL1.0标准
与 HTML1.0几乎相同
更严格，更纯净的HTML版本
要求但标记必须有结束：

属性值必须加" "
3.HTML5
目标：实现更为简洁的HTML
能少写就少写，能不写就不写

3.文档结构
1.文档类型声明
作用：指定文档的版本和类型
语法：
页面最顶端
<!doctype html>
2.html页面
语法：又称为html根标记
内容：
即两个子元素
1.
网页头部
作用：定义页面中的全局信息
包含如下内容：
1.网页标题
2.
作用:指定网页的编码格式为utf-8
告诉浏览器按照utf-8的方式解析内容
注意：网页文件的编码也必须是utf-8
2.
网页主体
包含的时显示给用户去看的内容
属性：
1.text：控制整个页面的文本颜色
2.bgcolor:控制整个页面的背景颜色