前端开发笔记 第一天 HTML常用标签

第一天

  1. html (HyperText Markup Language) 超文本标记语言------结构
  2. Css (Cascading Style Sheets) css层叠样式表------------------装饰,装修
  3. Js (javascript) --------行为(制作动画 浏览器最基本的脚本语言)

HTML
HTML不是一种编程语言,而是一种标记语言(markup language)
标记语言是有一套标记标签组成
HTML使用标记标签来描述网页

超文本标记语言

  1. HTML标记标签通常被称为HTML标签(HTML tag)
  2. HTML标签有尖括号包围的关键词,比如
  3. HTML标签通常是成对出现的,比如
  4. 标签对中的第一个标签是开始标签,第二个标签是结束标签
  5. 开始和结束标签也被称为开放标签和闭合标签
  6. 超文本:页面内可以包含图片、链接,甚至音乐、程序等非文字元素
    总结:网页的结构html+css

HTML 475

1.标题标签

前端开发笔记 第一天 HTML常用标签_第1张图片
前端开发笔记 第一天 HTML常用标签_第2张图片

2.Font标签

  1. 定义文字
    Size:文字大小(1-7) color:文字颜色
    在这里插入图片描述
    在这里插入图片描述

3.P标签

就是会自动换行

  1. 定义段落标签
  2. P元素会自动在其前后创建一些空白,浏览器会自动添加这些空间,您也可以在样式表中规定
    前端开发笔记 第一天 HTML常用标签_第3张图片
    前端开发笔记 第一天 HTML常用标签_第4张图片

4.b/strong

  1. b标签定义加粗标签
  2. Strong不仅加粗而且还有强调的效果
    前端开发笔记 第一天 HTML常用标签_第5张图片
    在这里插入图片描述

5.span/pre标签

  1. span没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
  2. pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而本文也会呈现为等宽字体。
    Span
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    pre <=> >=<
    前端开发笔记 第一天 HTML常用标签_第6张图片
    前端开发笔记 第一天 HTML常用标签_第7张图片

6.del

del.定义文档中已被删除的文本。
在这里插入图片描述
在这里插入图片描述

7.em i

  1. i标签显示斜体文本效果
  2. 定义文本中强调的内容。
    在这里插入图片描述
    在这里插入图片描述

8.sup上标 sup下标

在这里插入图片描述
前端开发笔记 第一天 HTML常用标签_第8张图片
在这里插入图片描述

9.a超链接

Target=”_blank/self”

前端开发笔记 第一天 HTML常用标签_第9张图片
在这里插入图片描述
点击下载、跳转:
在这里插入图片描述
前端开发笔记 第一天 HTML常用标签_第10张图片
点击发邮件:
在这里插入图片描述
前端开发笔记 第一天 HTML常用标签_第11张图片
点击跳转到h6标签:
在这里插入图片描述
前端开发笔记 第一天 HTML常用标签_第12张图片
在这里插入图片描述
以下是代码:





HTML常用标签



	
	点击跳转到h6标签
	
	

HTML常用标签

我是标题2

我是标题3

我是标题4

我是标题5
我是标题6


---font标签---

我是文字

---p标签---

这里是

吉林大学(Jilin University),简称吉大,坐落在吉林省 省会长春市,始建于1946年。是由中华人民共和国教育部直属的综 合性全国重点大学。

---b标签---

2019.09.28第一天学习前端 我要变粗啦!!!

吉林大学(Jilin University), 简称吉大,坐落在吉林省省会长春市,始建于1946年。是由中华人民共和国 教育部直属的综合性全国重点大学。



---span标签---

同学们中午好呀

---pre标签模板展示---

	风
	情
	认
	真
	学
	习
	<meta http-equiv="Content-Type">
    <title>HTML常用标签</title>
    <style type="text/css">   
	
删除线

---i标签 倾斜---

累了吧来瓶红牛

---em标签 有强调效果---

来瓶脉动脉动动回来

---上标---

a2 + b2 = ?

---下标---

H2 + O2 = H20

百度一下,你就知道

百度一下,你就知道 点击下载 点击跳转 点击发送邮件 ```

你可能感兴趣的:(前端开发笔记 第一天 HTML常用标签)