WEB前端DAY1

发布时间:2024年01月22日

WEB前端DAY1

什么前端?

简单来说就是网页,网页是有多种技术制作而成,我们的课程目标就是学习这所谓的多种技术

  • HTML:骨骼。hypertext markup language

    超文本标签语言。

    所谓超文本就是实现超连接,url

  • CSS 血与肉 cascading style sheet 层叠样式表

  • JavaScript:是一个动态的解释型的编程语言。

    编程语言有一个重要的特征就是,流程控制,因为html和css中不存在流程控制所以他们不能归类为编程语言。

HTML历史

蒂姆博纳斯李(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中 -->
<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级&lt;标题</h2>
		
		
		<span style="border: 1px solid red;width: 300px;height: 20000px;display: inline-block;">1234567890-</span>
		<span>一二三</span>
		
		<hr>
		
		<!-- 标签类型
		 块标签:他的宽默认占据整个页面,高度是根据内容自动适应,他可以通过css修改宽高
		 行内标签:它的宽高都是根据内容进行自适应的,行内标签不支持修改宽高
		 
		 块标签和行内标签可以通过display样式进行转换,即 行内->块 块->行内。
		 同时也可以将标签转为行内块标签,让他兼容两种标签的特性。
		 -->
		 
	</body>
</html>
文章来源:https://blog.csdn.net/2301_76602495/article/details/135740923
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。