程序博客网 > js动态添加class样式

HTML5基础——HTML入门

来源：互联网发布：js动态添加class样式编辑：程序博客网时间：2024/06/08 01:52

HTML入门

一、什么是HTML：
　　HTML：超级文本标记语言
　　超文本：a
　　标记：超文本都是由标记组成的，如：`<a>`
　　语言：包含自己独特的语法
　　HTML最终由浏览器负责解释
　　HTML中可以嵌入一些脚本语言编写的程序段，如：Javascript
二、HTML版本：
　　超级文本标记语言（第一版）
　　HTML2.0
　　HTML3.2
　　HTML4.0
　　HTML4.01
　　XHTML1.0
　　HTML5
三、标签（标记）：
　　1、标签语法：
　　　　必须使用尖括号括起来，不区分大小写，如`<a>`、`<div>`……
　　2、有封闭类型的标签，也有非封闭类型的标签。
　　　　（1）封闭类型：也称为双标记，则必须成对出现，
　　　　　　如：`<标记>`文本内容`</标记>`，
　　　　　　不同的标记，决定了“文本内容”的不同表现形式。
　　　　（2）非封闭类型：也称为单标记或者空标记，
　　　　　　<标记>或者<标记><标记/>，
　　　　　　如：`<hr>`、`<br>`、`<img>`。
　　3、元素：标记就是元素，元素也称为标记。
　　4、元素嵌套（标签嵌套）：
　　　　标签之间相互嵌套，形成复杂的语法结构。
　　　　如：`<body>`
　　　　　　`<p></p>`
　　　　　　`</body>`
　　5、属性：
　　　　属性是出现在开始标记中的内容，作用是修饰元素　　　　　`<p 属性名=“属性值”></p> 　　　　　<p 属性名=‘属性值’></p> 　　　　　<p 属性名=属性值></p>`（尽量不要这么写）
　　　　标准属性：每个元素都会具备的通用属性
　　　　　 id：定义每个标签的唯一标识
　　　　　 title：提示文本
　　　　　 class：样式相关，类样式
　　　　　 style：样式相关，行内样式
　　　　操作一：定义一对p标签，id属性设置为program：
　　　　　　　　 `<p id=“program”</p>`
　　　　多属性：
　　　　　　　　`<p 属性1=“值” 属性2=“值”></p>`
　　　　注意：多属性之间，排名不分先后
四、创建HTML文档：
　　开发工具：任何一个文字编辑软件都可以开发HTML
　　　　Editplus：超级记事本
　　运行环境：任何一个浏览器都能运行HTML
　　　　Google Chrome、Mozilla Firefox、Microsoft IE、Safari、Opera
　　超文本文件（HTML文档）：
　　　　是一个以.html或.htm结尾的文档
五、文档结构：
　　1、文档类型声明：
　　声明使用的html版本和风格
　　　　`<!Doctype html>`
　　2、HTML页面：
　　　　（1）文档根元素：每个文档有且仅有一对根元素，
　　　　（2）在根元素的内部，包含两对子元素
　　　　　　head：页面的头部内容，定义页面全局信息
　　　　　　　　包含：`<title></title>`：网页标题
　　　　　　　　　　　`<meta />`：声明元数据（编码、关键字、描述）
　　　　　　　　　　　`<style></style>`：声明内部样式表
　　　　　　　　　　　`<link />`：引入外部样式表
　　　　　　　　　　　`<script></script>`：定义或引入脚本文件
　　　　　　body：页面的主体内容，任何一个标签都可能出现在body中
　　　　（3）head元素：
　　　　　　声明网页标题：`<title></title>`
　　　　　　定义网页文本编码格式：utf-8：支持中英文，标点符号
　　　　　　默认的是ISO-8859-1：只支持英文及英文状态下的标点符号
　　　　　　　　`<meta charset=“utf-8” />`
　　　　（4）body元素：
　　　　　　属性：
　　　　　　　　text：文本的颜色
　　　　　　　　bgcolor：背景颜色

0 0

js动态添加class样式

js动态添加class样式

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子水墨山水画怎么画山水花鸟画黄宾虹山水画价格水墨画交易人物山水画山水画家手绘山水画王时敏山水画黄宾虹山水画水墨画桌面学习画山水画山水画石材山水画技法入门中国女人生夝殖国画彩绘国皂有什么作用和危害国皂零售价多少钱一块一池云锦国皂一致国皂毁了我的脸国皂用了半年脸毁了国皂国盈医药国盈国盈金服国盛上海国盛集团国盛集团国盛三千城国盛证券手机版下载国礼百雀羚国礼中国国礼百雀羚国礼六安瓜片国礼茶价格国祚孙国祥周国祥郁国祥肖国祥国祥红木国祥饭店国祥胡同