HTML和MarkDown语法

最新推荐文章于 2024-08-19 02:19:49 发布

Thesmophoria

最新推荐文章于 2024-08-19 02:19:49 发布

阅读量661

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_45981643/article/details/108082438

版权

本文探讨了Web标准的构成，包括HTML的基本语法、标签关系以及H5中新增的属性。HTML标签分为单个和成对两种，标签关系有包含和并列两类。在HTML中，表格、图像标签的使用及其属性设置是关键，同时讲解了目录文件夹和根目录的概念以及相对路径的使用。

摘要由CSDN通过智能技术生成

Web标准

Web标准的构成

主要包括结构(Structure)、表现（Presentation） 和行为（Behavior） 三个方面

浏览器不同，他们显示页面或者排版就有些差距。

W3C（万维网联盟）组织和其他标准组织制定了Web标准

Web标准提出的最佳体验方案：结构写在HTML文件中、样式写在CSS件中、行为写到JavaScript中三者相分离

标准	说明
Structure	用于对网页元素进行整理和分类
CSS	用于设置网页元素的版式、颜色、大小等外观样式
Behavior	行为是指网页模型的定义及交互的编写

HTML 基本语法、关系、标签

HTML 标签由尖括号包围的关键词，例如<html>
HTML标签通常成对出现
有些特殊的标签必须是单个标签（极少出现），例如<br />
标签关系分为两类：包含关系和并列关系

包含关系

<head>
   <title> </title>
</head>

并列关系

<head> </head>
<body> </body>

HTML标签补充及语法说明

标签名	定义	说明
`<script>`	定义客户端脚本，必须的type属性规定脚本的MIME类型	用于在HTML页面中插入一段javascript，javascript常见应用于凸显操作、表单验证以及动态内容更新。script元素可以包含脚本语句，也可以通src 指向外部脚本文件
`<link>`	定义文档与外部资源的关系，放在html头部	常见用途连接样式表 `<head> <link rel=“value” type=“text/css” href=“URL” /> </head>` rel规定当前文档与连接文档之间的关系，type规定被链接文档的mime类型
`<a>`	定义锚
`<a name=“ ”>`	name属性创建文档内的书签，规定anchor的名词	`<a name=“bookmark”></a>`
HTML元素class属性	value=Classname	规定元素的类名
`<tabel>`
`<p>`	段落标签
`<hr />`	hr元素用于分割内容	`<hr />`标签用于在页面中创建水平线
`<pre>`	定义格式化文本
`<code>`	定义编程代码示例
`<kbd>`	定义键盘文本
`<sup>`	指数上标
`<var>`	定义变量
`<samp>`	定义计算机输出示列	<samp>``</samp>
`<form>`	表单域标签	form action=“URL ” method=“get/post” name=“表单名称”
`<input type= >`	表单type元素的类型	`<input type=“text” value=“请输入用户名” name=“username”>`
Value	规定type属性	属性值: alternate 文档的替代版本，比如镜像，翻译、打印页；stylesheet 文档的外部样式表；start 集合中的第一个文档；next 文档中的下一个文档；prev 集合中的上一个文档；index 文档的索引；glossary 在文档中使用的术语表；copyright 包含版权信息的文档；chapter 章；section 节；subsection 文档小节； appendix 附录；help 帮助文档；bookmark 相关文档
`<select>`	表单下拉元素	option选项
`<html> </html>`	HTML 标签	页面中的根标签
`<head></head>`	文档的头部	在head标签中必须设置的标签是title
`<title></title>`