大前端学习笔记-day02-HTML
6. Html
核心课程,前端三要素:
HTML、 结构 身材 头[眉毛、眼睛、鼻子、嘴巴]、体、脚
CSS、 样式 化妆
Javascript 交互 才艺
元素
<html>
<head>
<meta/>
<title></title>
</head>
<body>
</body>
</html>
1) 概述
html 超级文本标记语言
h 超级 超级链接、图片、视频、音频
t 文本 字符
m 标记
helloworld
hello标题
l 语言
2) http 超级文本传输协议
h 超级
t 文本
t 传递
p 协议
3) url 统一资源定位符
用于定位网络资源的一种规定
http://134.175.154.93:6677/swagger-ui.html
https://www.baidu.com
购买阿里云服务器
域名
域名与服务器绑定
7. HTML元素的介绍
一个元素中应该包含开始标签,结束标签,内容/子标签
元素
开始标签,其内部可以出现属性,用于修饰元素
结束标签
内容
属性:
核心属性:绝大多数标签都具有的属性
id
class
title
style
自有属性:某些标签特有的属性
img src alt width
a href target
<div id="one" class="first">
<p>hello</p>
<p>world</p>
</div>
8. 标签分类
淡化默认样式,强化语义。标签的语义在网页合适的位置选取合适的标签
1) 块级标签
主要作用:搭建网页结构,结构性标签
div 无意义的盒子
h1~h6 标题
p 段落
ul>li 无序列表
ol>li 有序列表
dl>dt、dd 自定义列表
H5新增结构性标签【与div类似,唯一的区分在于语义不同】
header
article
section
footer
nav
aside
…
块级元素特点:
1. 独占一行空间
2) 行内标签
span 无意义的行内标签
a 超级链接
img 图片
装饰类标签
strong 加粗
b
em 强调
i 斜体
sub/sup 上标、下标
delete 删除线
行内元素特点
1. 与其他行内元素共享一行空间
注意:
行内元素应该出现在块级元素内部的,而块级元素不能出现在行内元素的内部。
最佳实现
使用块元素搭建网页结构!!!
-
在一行中放两块
<div> <div>左</div> <div>右</div> </div> <ul> <li></li> <li></li> </ul>
-
文本
<div> 欢迎您,张三 退出 </div>
注释
<!-- 注释内容 -->