前端三大语言的作用:
HTML: 用来开发前端 页面的结构
CSS: 美化页面
JavaScript: 实现页面交互
1. 页面基本结构
<!DOCTYPE html><html><head><title>First HTML Program</title><meta charset="utf-8" /></head><body>Hello HTML</body></html>
<DOCTYPE HTML>文档类型,是html5标准网页声明,全称为Document Type HyperText Mark-up Language， 意思为文档种类为超文本标记性语言或超文本链接标示语言，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5， <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。 此声明可告知浏览器文档使用哪种 HTML 或 XHTML 规范。<html> </html><html> 标签告知浏览器这是一个 HTML 文档。 <html> 标签是 HTML 文档中最外层的元素。 <html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。<head></head><head> 元素是所有头部元素的容器。 <head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息 以及其他更多的信息。 以下列出的元素能被用在 <head> 元素内部： <title> （在头部中，这个元素是必需的） <style> <base> <link> <meta> <script> <noscript><body></body><body> 标签定义文档的主体。 <body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。<meta charset="utf-8" />元数据（Metadata）是数据的数据信息。 <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。 META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。 元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。<title>First HTML Program</title><title> 标签定义文档的标题，在所有 HTML 文档中是必需的。 <title>元素： 定义浏览器工具栏中的标题 提供页面被添加到收藏夹时的标题 显示在搜索引擎结果中的页面标题
2. 标签名与标签属性
- 标签名
用来描述该标签中的内容在页面中的角色.
标签分从书写格式上分为单标签和双标签两种- 双标签
<标签名>xxxxx</标签名> - 单标签
<标签名>
- 双标签
标签按显示样式分为行标签和块标签两种
- 行标签
每个标签在页面中显示时,不会独占一行. - 块标签
每个标签在页面中显示时,会独占一行
两种标签可以通过显示属性进行切换
- 标签属性
用来对标签的细节进行补充
3. 添加文字
标题标签
共有6个,显示为6级不同的标题<h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6>段落标签
用来修饰一段文字,段落之间有明显的段间距<p> 这次会晤的主题是“金砖国家在非洲：在第四次工业革命中共谋包容增长和共同繁荣”，很有现实意义。从18世纪第一次工业革命的机械化，到19世纪第二次工业革命的电气化，再到20世纪第三次工业革命的信息化，一次次颠覆性的科技革新，带来社会生产力的大解放和生活水平的大跃升，从根本上改变了人类历史的发展轨迹。 </p> <p> 如今，我们正在经历一场更大范围、更深层次的科技革命和产业变革。大数据、人工智能等前沿技术不断取得突破，新技术、新业态、新产业层出不穷。各国利益和命运紧密相连，深度交融。同时，世界经济新旧动能转换尚未完成，南北失衡等深层次、结构性问题还未消除。地缘政治冲突此起彼伏，保护主义和单边主义愈演愈烈，直接影响到新兴市场国家和发展中国家发展外部环境。 </p>字体标签(了解)
font 标签规定文本的字体、字体尺寸、字体颜色。已废弃,在HTML5中不支持
若有收获，就点个赞吧
0 人点赞
