day02 HTML基础_day2 html基础-CSDN博客

本文链接：https://blog.csdn.net/weixin_55501516/article/details/128843777

今天学习的内容

HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言

HTML5指的是HTML的第五次重大修改（第5个版本）(HTML5 是 W3C 与 WHATWG 合作的结果)

<!-- html的语法

			双标签（标记）
			<标记名称 属性名="属性值"></标记名称>
			<标记名称 属性名1="属性值1" 属性名2="属性值2"...></标记名称>
			如：<img src="" width="100px" height="100px"title="" alt="">
			注意："/"反斜杠一定要写，标点是英文状态的
			单标签（标记）
			<标记名称 属性名1="属性值1" 属性名2="属性值2".../>

web（网页）标准的组成 -->

HTML结构 CSS表现 Javascript行为

<!DOCTYPE html>
<!-- doc表示document文档，
type表示类型，
声明当前的文档类型是html超文本标记语言 -->
<html>
	<!-- 网页的根元素 -->
	<head>
		<!-- 网页的头部 -->
		<meta charset="utf-8">
		<!-- meta指元 charset指定字符集为“utf-8”
		必须有这行代码，否则会乱码-->
		<title>前端学习</title> 
		<!-- 网页抬头-->
		<link rel="icon" type="image/x-icon" href="https://www.XX.com/favicon.ico"/>
		<!--网页抬头里的小图标 -->
	</head>
	<body>
		<!-- 页面的主题，所有页面可见部分都写在body里 -->
		大家好，这是我学习前端的第二天。
	</body>
</html>

W3C是什么

W3C：万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构

命名规则

用英文，不建议使用中文(一般是不允许，“不建议”说的比较温柔)
名称全部用小写英文字母、数字、下划线_或者-的组合，其中不得包含汉字、空格和特殊字符
必须以英文字母开头，命名的时候最好使用语义化比较强的英文

重点：html的标签

a b del div em i img s span strong sub sup u br dl h1 hr ol p ul

<!-- 了解：

网页与网站的区别

网页只有一个页面，网站有多个网页

网站的流程

域名--服务器--网站建设（前端）--推广--维护

前端在实际工作中处在哪个位置 -->

项目流程

产品经理：确定需求，产出PRD（Product Requirement Document 产品需求文档）、原型图
UI设计：根据产品设计效果，产出效果图、标注图（markman或sketch）
前端开发：根据效果图、需求转换成相关代码
后端开发：数据处理，产出接口文档
测试：性能测试、安全性测试等

常用标签

<!-- 常用标签 -->
		<!-- 1、文字标题的特点：文字加粗，强制换行 -->
		<!-- 文字标题除了h1，其他的标签可以重复使用，一个网页里只能有一个h1-->
		<!-- 2、段落 特点：自带段间距，换行 <p></p>-->
		<!-- 3、加粗 特点：只加粗，不换行，文字强调但又不是标题 <strong></strong> <b></b> -->
		<!-- 4、倾斜（不换行）<em></em> <i></i> -->
        <!-- 5、列表（会换行）
				无序列表
					<ul>
						<li>文字，图片，标签</li>
						<li>
						</li>
						...
					</ul>
					ul里只能用li，其他只能在li里用
				有序列表
					<ol>
						<li>文字，图片，标签</li>
						<li>
						</li>
						...
					</ol>
					ol里只能用li
				自定义列表
					<dl>
						<dt>文字，图片，标签</dt>
						<dd>对dl里面的内容进行解释说明</dd>
						<dd></dd>
						.....
					</dl>
				注意：一个dl里有且仅有一个dt，可以有多个dd
				-->
          <!-- 6、插入图片
				<img src="图片的路径"/>
				相对路径 是相对于自己的目标文件位置
			● 同级找同级：当前文件与目标文件在同一目录下（直接书写目标文件的文件名+扩展名）
			● 父级找子级：当前文件与目标文件所处的文件夹在同一目录下（文件夹名/目标文件全称+扩展名）
			● 子级找父级：当前文件所处的文件夹和目标文件在同一目录下（../目标文件文件名+扩展名）
			-->

不常用标签

<!-- 不常用标签 -->
		<!-- 1、删除线标签（不换行） <s></s> <del></del> -->
		<!-- 2、水平线(换行) 水平居中 <hr/> -->
		<!-- 3、强制换行 <br/> -->
		<!-- 4、下划线 <u></u> -->
		<!-- 5、上标签、下标签 <sup></sup> <sub></sub> -->