用代码为世界增添一抹独特的色彩，开启一扇通往无限可能的创意之门 。

HTML

基本介绍

HTML是超文本标记语言
超文本是标签,带尖括号是标签标记;

标签语言
开头 需要加粗的文字 结尾

  • 标签成对出现,中间是内容
  • <>里面放英文字母
  • 结束标签比开始多/
    例如: 文字内容加粗
  • 单标签:
    换行;
    水平线

基本骨架

1

html:整个网络
head;网络的头部,存放给浏览器看的代码,例如css
body:网络的主体,存放用户看的代码,例如图片,文字
title:网络标题

!快速生成基本骨架

标签的关系

明确代码的书写位置

  • 父子关系(嵌套关系)
  • 兄弟关系(并列关系)

注释

对代码的解释说明,和md一样,

或者

标题标签

标题文字
标签名字:h1-h6(双标签 ),h1一个网页只用一次

段落标签

一段文字的标签
标签

双标签

换行和水平线标签

单标签:
换行;

水平线

文本格式化标签


strong-加粗; em-倾斜;ins-下划线;del-删除线; 工作中推荐
b-加粗; l-倾斜;u-下划线;s-删除线;

图像标签

<img src="",四个属性>
网络插入图片;图片的url(位置和名字)
alt="""替换文本
title="1"提示文本
width="1"图片宽度
height = ''图片的高度
浏览器缩放默认是等比例的,除非两个都描述了

路径

相对路径

网页和文件分开,路径指的是查找文件时，从起点到终点经历的路线。
1.当前文件:"./xxx.jpg"
2.下一级文件:"./xxx/xxx.jpg"
3.上一级文件:"…/xxx.jpg"

绝对路径

看电脑,window,linux等等;
window从盘符出发
例如:img src=“C\image\xxx.jpg”(<和>取消了)
window默认,其他是/(window二者都可以,推荐这个)

在线网址也是绝对路径
友情链接;跳到对应的网站

超链接标签

点击字或者图跳到其他页面;
公式为

如何是自己的链接,就换成相对路劲的值来换,
跳转后原网址已经关闭;
加属性,在href=“xx” target= “_blank”(同一个<和.),打开新窗口,旧网址保留有
开发的初期,不知道地址,href可以填#

音频标签和视频标签

1.音频
公式;

2.视频
公式:

muted control loop autoplay

综合案例一;

从上到下,先整体再局部;

补充:如果文字里面要插入标签
打一个空格,a加herf…

列表

布局内容排列整齐是区域
分类;无序列表,有序列表,定义列表

无序列表

布局排列整齐的不需要归定顺序的区域
ul嵌套li,ul为无序

ul标签里面只能包裹li;
li里面可以包裹任何内容;

有序列表

布局排列整齐的需要归定顺序的区域
ol嵌套li,ol为无序

定义列表

标签: dl 嵌套 dt 和 dd, dl 是定义列表, dt 是定义列表的标题, dd 是定义列表的描述/详情。

表格

和execl类似
标签: table嵌套tr, tr嵌套td / th。