大前端学习笔记-day02-HTML

大前端学习笔记-day02-HTML

---

6. Html

核心课程，前端三要素：
HTML、 结构 身材 头[眉毛、眼睛、鼻子、嘴巴]、体、脚
CSS、 样式 化妆
Javascript 交互 才艺
元素

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

	
hello
	
world

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. 与其他行内元素共享一行空间

注意：
行内元素应该出现在块级元素内部的，而块级元素不能出现在行内元素的内部。

最佳实现

使用块元素搭建网页结构！！！

1. 在一行中放两块

    	
   
    		
   左
    		
   右
    	
    	
   
    		
   
    		
   
    	
   

2. 文本

    	
   
    		欢迎您，张三
    		退出
    	
   

注释