北大青鸟培训第一天：HTML初级代码介绍和相关知识（持续更新）

代码解释

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>标题</title>
</head><body>这是我的第一个代码
</body></html>

1. !DOCTYPE 是写在代码最前面，是文档的声明。他是告诉浏览器下面的代码都是html规范写的,浏览器编译的时候，是按照html规范编译防止浏览器编译时陷入怪异模式.

2.<html lang="en"> </html> 中html是根标签 lang是语言的意思 en 是english的意思

3.<head> </head>帮助浏览器编译页面信息，设置一些原信息，但是不在页面中显示。

4.<meta charset="UTF-8">还可以写成<meta charset="UTF-8"/>是一个自结束标签，里面 charset意思是属性叫字符集属性 "utf-8"是属性值又叫万国码。一般是固定格式不变。

 <meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0">

5.这两行代码初学者不用记，不想看到删除就行。

6.<title> </title>网页的标题，出现在网页的栏杆中。它的作用帮助部门做推广优化。

7.<body> </body> 书写网页中的主体内容。

相关知识

1.实体：浏览器编译代码时，有一些字符无法打出来，如空格，大于号，小于号等等。由于这些字符被浏览器征用无法打出来，所以要用一些特殊的额外字符来表示，这些特殊字符就是实体。

实体语法：&实体的名字;

例子：空格   大于号 > 小于号 &lt；版权符号 © 等等。

2：<h></h> 标题标签一共有<h1>-----<h6>标题字体从大到小。不管有多少字都分行，并且标题标签是块元素，常用的是<h1>--<h3>。<h1>标签一般一个页面只有一个。

3：<p></p>段落标签相当于自然段。也是一个块元素，p标签里面放文字和图片不能放其他块元素。

4：hgroup:标签用于标题分组，可以将一组相关标题放到hgroup中，从样式上看没有区别，但是从语义上看，两者就有了联系。

5：<em></em> 默认样式有一点点斜体，是行内元素

6：<strong></strong>默认样式有一点点加粗，是行内元素

ascode中的快捷键（1.crtl+/ 或 shift+alt+a 注释符号快捷键 2.shift+! 生成网页结构快捷键 3.shift+alt+f 自动格式化代码快捷键）“以后继续更新”

北大青鸟培训第一天：HTML初级代码介绍和相关知识（持续更新）相关推荐

北大青鸟培训第三天：HTML和CSS相关知识（持续更新）
音视频 audio src controls loop autoplay audio标签用来向页面中引入一个外部的音频文件 src 指向音频的引入路径 controls 控制是否允许用户点击播放,默 ...
北大青鸟培训第四天：HTML和CSS相关知识（持续更新）
目录属性选择器伪类选择器元素的伪类属性选择器 1.[属性名]{} 2. [属性名=属性值]{} 3.[属性名^=属性值]{} 4. [属性名$=属性值]{} 5.[属性名*=属性值]{} 1. ...
北大青鸟培训第五天：HTML和CSS相关知识（持续更新）
继承:继承是一种规则,它允许样式不仅应用于某个特定html标签元素,还可应用于其后代元素.CSS继承是指设置父级的CSS样式,父级及以下的子级元素都具有此属性.CSS继承的作用:给父元素设置一些属性, ...
北大青鸟java第一单元项目_北大青鸟java第一单元项目迷你TXT小说阅读器
[实例简介] 自用已通过老师检测得分88分北大青鸟java第一单元项目迷你TXT小说阅读器,可以作为java se学习项目也可以作为其他项目,项目完整可直接运行 [实例截图] [核心代码] TX ...
女程序员/北大青鸟/培训
帮合作伙伴招人,来了三个人面试:一男两女男的来自日本公司,有些经验,但是已经习惯于日本公司的规则化做事,有点死板,没有什么灵性,有点紧张. 女1,这个MM给人的感觉很好,很活跃,个性和态度给人的感觉 ...
北大青鸟培训第二天：HTML初级代码和相关知识（持续更新）
HTML常用标签 <blockquote> </blockquote> <q> </q> <br> <center> </ ...
北大青鸟培训第第二周第一天：HTML和CSS相关知识（持续更新）
目录 display 长度单位 1.像素 px 2.百分比 % 3.em 4.rem 颜色的单位 css RGB 3.RGBA 4.十六进制 5:HSL值 HSLA值字体的样式 color : ...
北大青鸟培训第四周第一天：HTML和CSS相关知识【定位】（持续更新）
目录定位: 可选值: 开启绝对定位定位: 是一种布局的手段,而且是一种高级的布局手段, 你可以将任何元素,摆放在页面的任意位置可以用position来设置定位可选值: static 默认值, ...
北大青鸟培训第三周第一天：HTML和CSS相关知识（持续更新）接着昨天的盒子模型
目录垂直布局 1.兄弟元素 2.父子元素解决方案内联元素的盒子 1.内容区: 2.内边距 3.边框: 4.外边距盒子的大小浮动简介垂直布局默认情况下,块元素宽高是被内容撑开的,如果自定义 ...

北大青鸟培训第一天：HTML初级代码介绍和相关知识（持续更新）

北大青鸟培训第一天：HTML初级代码介绍和相关知识（持续更新）相关推荐

最新文章

热门文章