简单来说就是网页,网页是有多种技术制作而成,我们的课程目标就是学习这所谓的多种技术
HTML:骨骼。hypertext markup language
超文本标签语言。
所谓超文本就是实现超连接,url
CSS 血与肉 cascading style sheet 层叠样式表
JavaScript:是一个动态的解释型的编程语言。
编程语言有一个重要的特征就是,流程控制,因为html和css中不存在流程控制所以他们不能归类为编程语言。
蒂姆博纳斯李(dim bernas Lee)
IETF发展出HTML2.0
W3C接替IETF发展出HTML3.2以及HTML4.01,HTML4.01版本是里程碑似的版本,多年间都在应用
xhtml 以及 xhtml 2.0是w3c在志得意满之后的衰败制作
WEB hyptertext application technology world group 创建html5的雏形
Web form 1.0
web applicaion 2.0
最后再由 w3c接盘规范 HTML5的规范
<!-- 标签一般有两部分:开始标签和结束标签,结束标签一般有一个斜杠表示结束 -->
<!-- html表示当前页面的标签,所有关于页面的内容都要写在html中 -->
<html>
<!-- head标签是关于当前页的属性的标签,它内容很多,其中包括当前页面的选项卡的内容即title
以及当前页面的编码类型即meta的charset属性
关键字即name=“keywords”
网页作者即name=“author”-->
<head>
<!-- 属性一般是以键值对的形式出现 -->
<Meta charset="UTF-8">
<mEta name="author" content="lyh">
<meta name="keywords" content="html,css,javascript">
<meTA name="description">
<title>这一个刘英豪制作的页面</title>
</head>
<body>
<!-- 第一个标签p标签:段落标签 他可以给当前页面中插入一段文字 每一个p标签都会有间距 -->
<p>我现在要添加一个<u>下划线</u>,我还想添加一个<del>删除线</del>
我现在又想要一个<b>又黑又粗的字体</b>,下课前最后一个标签是<i>斜体</i></p>
<!-- br标签首先是一个自结束标签,它的功能是换行 -->
这一个段不使用p标签的文字,如果我
实现换行的话是不是回车就
可以了呢?<br>我现在回车
了,保存一下代码
验证
<!-- strong 和 em 是 b和i的语义化形式 -->
<br><strong>黑体</strong>
<br><em>斜体</em>
<!-- 格式化标签,可以将文字按照开发者想要的形式展示 -->
<pre>
这一个段不使用p标签的文字,如果我
实现换行的话是不是回车就
可以了呢?我现在回车
了,保存一下代码
验证
</pre>
<!-- sub表示下标 sup表示上标 -->
H<sub>2</sub>O
10<sup>10</sup>
<!-- pixel -->
<h1>这是一级<small>标题</small></h1>
<!-- 大于:greater than -->
<!-- 小于:less than -->
<h2>这是2级<标题</h2>
<span style="border: 1px solid red;width: 300px;height: 20000px;display: inline-block;">1234567890-</span>
<span>一二三</span>
<hr>
<!-- 标签类型
块标签:他的宽默认占据整个页面,高度是根据内容自动适应,他可以通过css修改宽高
行内标签:它的宽高都是根据内容进行自适应的,行内标签不支持修改宽高
块标签和行内标签可以通过display样式进行转换,即 行内->块 块->行内。
同时也可以将标签转为行内块标签,让他兼容两种标签的特性。
-->
</body>
</html>