在线购物网站的设计,网站做编辑,设计师工作室,如何安装网站模板文件HTML入门
HTML全称HyperText Markup Language#xff0c;中文译为#xff1a;超文本标记语言。 它有一个同胞兄弟叫#xff1a;XML#xff0c;全称Extensible Markup Language#xff0c;中文译为#xff1a;可扩展标记语言。 简单来讲#xff0c;它们都是标记语言。
…HTML入门
HTML全称HyperText Markup Language中文译为超文本标记语言。 它有一个同胞兄弟叫XML全称Extensible Markup Language中文译为可扩展标记语言。 简单来讲它们都是标记语言。
那什么是标记语言 答标记语言是一种描述文档结构和内容的语言与编程语言不同它仅为书面描述没有运行功能。 它通过使用标记标签来构建文档从而让用户能更专注于信息的组织和表达。
那标记语言的语法该如何写 答我们用XML举例因为它比较好入手, 如下 有两个学生的成绩信息张三同学的语言考80分李四同学的数学考90分。 该信息用XML语法可以这样写
成绩学生姓名张三/姓名科目语文/科目分数80/分数/学生学生姓名李四/姓名科目数学/科目分数90/分数/学生
/成绩其换写思路:
提取关键字将信息中的关键字如姓名、“科目”、“分数”提取出来放在括号中形成标签提取值将关键字对应的值如张三、“数学”、“90”放在两个同名标签之间作为标签内容注结束标签多一个斜杠分类归纳将同类别的标签归纳到一个大标签下标签支持嵌套
该信息还可以用属性的方式来写, 如下:
成绩学生 姓名张三 科目语文 分数80/学生学生 姓名李四 科目数学 分数90 /
/成绩其中 在标签名后面使用属性keyvalue的方式来写入键值信息 而value必须使用 英文的双引号或单引号 括住因为属性值只支持字符串。 因为上例改用了属性写法所以标签内容为空因此也称为空标签 当为空标签时可以不用写结束标签允许使用/做结尾。
总结XML语法:
定义标签首先定义标签用来存放信息的关键字标签名可以自定义然后用括住即可结束标签每个标签都有一个同名的结束标签格式为/标签名(多一个斜杠开头)标签内容在开始标签到结束标签之间的内容可以是 文本 、 嵌套标签 或 留空 从开始标签到结束标签这一部分称为XML元素树状结构XML标签的组织结构是树状结构, 所以第一级标签只能有一个这个标签也称为 根元素 属性写法XML支持属性写法在标签名后面使用属性keyvalue的方式来写入键值信息
那HTML做为XML的同胞兄弟它俩的语法区别在哪里? 答HTML的语法与XML基本上一致主要的区别点有以下
预定义标签HTML使用的是一组预定义的标签每个标签都有其特定的名字及作用。在实际开发中一般不使用自定义标签名根元素HTML根元素的标签名必须为html固定搭配HTML根元素下通常有两个搭配的子元素head和body
下面是HTML的树状结构示例图 其中 htmlheadbodydivh1至h6这些标签皆是HTML的预定义标签, 依次解释如下:
html是根标签head标签用来放置不可显示元素 (像网页的描述或链接文件)body标签用来放置可显示元素像文字与嵌套标签div标签是内容分隔标签主要用来分隔不同的内容形成各自独立的显示区域h1至h6是标题标签, 分别用6种字号来显示其标签内容
上图对应的HTML代码如下
htmlhead/headbodydiv!-- 可以把所有标签都写在同一行里 --divh1111/h1h2222/h2h3333/h3/div/divdiv name第二区divh4four/h4h5five/h5/divdivh6six/h6/div/div/body
/html注以!–开头且以–结尾是HTML的注解语法其里面是注解内容。
以上就是HTML的基础知识下篇起将讲解常见的HTML标签用法。