什么是网页?
网站:因特网上根据一定的规则,用html等制作的用于属于特定内容相关的网站集合
网页:构成网站的基本元素
网页的背后---前端程序员写的代码
html/css/js---结构 /表现/行为
HTML:超文本标记性语言,描述网页的语言
超----有文字,图片,音频,视频等等
-----还可以从一个页面跳转到另外一个页面(超级链接文本)
文本:
标记----文本要变成超文本,就需要各种的标记符号
语言---每一个标记的写法,读音,使用规则,构成标记语言
<strong>标签名</strong> 加粗
<marquee>标签名</marquee> 弹幕
<input/> 单标签
<marquee loop="1">标签名</marquee> 循环一次
-----这些标签都是可以嵌套的<marquee>标签名<input/> </marquee>
html的骨架:
<html>
<head>
</head>
<body>
</body>
</html>
属性名=“属性值”
属性名与属性值相同只写属性名<input disabled=""/>
Utf-8---万国码,包含世界上所有的文字与符号(推荐)
Ctrl+/---注释
MDN---查找标签怎么用(W3 school)
<p>--</p>段落标签
<br />---换行符 <hr/> 水平线换行
<h1>---</h1>标题符
文本格式化标签:加粗<strong>--</strong> <b>---</b>
倾斜体<em>--</em>
删除线--<del>---</del> <s>---</s>
下划线--<ins>---</ins>
<u>---</u>
无语义标签---<div>---</div>--容器,独占一行 多用于布局
<img src="../images/dog.gif" alt="">
<span>---</span>----一行可存在多个
图片---<img src="../images/dog.gif" alt="">
Src----指向图片的位置 alt---图片地址 title--鼠标经过时显示文字
<video src="./路径“ controls autoplay muted>
Controls:控件
Autoplay:自动播放
muted:静音
poster:等待加载时的显示图片
<>----音频播放
超链接--
<a href ="网址">标签体</a>----默认当前窗口打开
<a href ="网址" target="_self>标签体</a>----新的窗口
<a href ="网址" target="_blank>标签体</a>--之前的东西还在,新的窗口
<a href ="网址" target="_blank><img src="../images/dog.gif" alt="">
</a>----插图片等等….
锚链接---- <a href="#one">标签体</a>
<div id=“one”>标签体</div>---id属性 相当于就是身份证
href---跳转的位置
target---打开方式 默认是_self 如果是新窗口打开---_blanke
列表--有序列表(ol li)---<ol type="A">
<li>榴莲</li>
<li>牛奶</li>
<li>梨子</li>
<li>桃子</li>
</ol>
无序列表(用的多)--(ul li)---<ul type="形状">
<li>榴莲</li>
<li>牛奶</li>
<li>梨子</li>
<li>桃子</li>
</ul>
自定义列表----<dl>
<dt>
<dd>
</dd>
</dt>
</dl>
iframe框架---
这是我的主页面
<iframe src="https://www.taobao.com"></iframe>
<a href ="网址" target="_self></a>----可以两个连用
特殊字符---两个以上的空格
我&nsp;&nsp;&nsp;&nsp;&nsp;&nsp;是帅哥 &nsp---空格符
小于号--<;大于号-->;如下: