web前端---01

最新推荐文章于 2024-08-13 11:55:13 发布

江水三千里

最新推荐文章于 2024-08-13 11:55:13 发布

阅读量80

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/qq_74825263/article/details/131564110

版权

网页的基础认知:

1.网站:是因特网上根据一定的规则,用html制作的用于展示特定内容相关的网页集合.

2.网页:是构成网站的基本元素.网页包含--文字,图片,音频,视频,超链接等

html

超文本标记语言,描述网页的语言.

超--超链接--能从一个网页跳转到另一个网页.

标记:文本变成超文本需要各种标记符号.

html的基本框架

<!DOCTYPE html>
<!--声明文档 html5  -->
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>标题</title>
</head>

<body>
    <!-- 主要内容 -->
</body>

</html>

在以.html结尾的文件中使用 Shift+! 可以快速生成html的基本骨架;

注释的快捷键是 Ctrl+/ ;

标题标签	<h1></h2> h1--h6大小递减
段落标签	<p> </p>行与行之间空
换行标签,水平线标签	<hr/>
文本格式化标签	<p> <strong> <ins> <u>等
无语义标签	<div>独占一行<span>一行可存在多个
图片标签	<img src="路径" alt=" " title=" 光标所表示的内容"> 图片加载失败显示alt内容也可以跟文件在因特网上的地址
视频	<video src=" 路径" controls autoplat muted poster="路径"> controls是控件,autoplat是自动播放,muted是静音播放 poster是视频加载出来前显示的图片
音频标签	<audio src="路径" controls muted autoplay loop>
链接标签	文字类:<a href="http://xxxx" target="-blank">目标</a> 图片类:<a herf="http://xxxx"><img src="路径"></a>
锚链接	<a href="#xx">需要定位内热</a> <div id="xx">需要定位内热</div>
有序列表	<ol type=" ">结合<li>
无序列表	<ul type="">结合<li>
自定义列表	<dl>--<dt>--<dd>
iframe框架	<a href="路径" target="xx">内容</a> <iframe name="xx" frameborder="0" width="800px" height="200px"></iframe>
特殊字符	使用mdn查找

部分特殊字符;

江水三千里

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
web前端---01

目标</a>图片类:<a herf="http://xxxx"><img src="路径"></a>1.网站:是因特网上根据一定的规则,用html制作的用于展示特定内容相关的网页集合.<img src="路径" alt=" " title=" 光标所表示的内容">2.网页:是构成网站的基本元素.网页包含--文字,图片,音频,视频,超链接等。<a href="路径" target="xx">内容
复制链接

扫一扫