HTML5笔记

最新推荐文章于 2024-07-09 22:15:00 发布

weixin_50744573

最新推荐文章于 2024-07-09 22:15:00 发布

阅读量453

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_50744573/article/details/123685948

版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

HTML5
总结

HTML5

一、初识HTML

1、HTML

Hyper Text Markup Language(超文本标记语言)

2、W3C标准

World Wide Web Consortium(万维网联盟)

中立性技术标准机构

W3C标准包括

结构化标准语言(HTML、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript)

二、网页基本标签

1、标题标签

<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

2、段落标签

<!--段落标签-->
<p>两只老虎，两只老虎，</p>
<p>跑得快，跑得快，</p>
<p>一只没有眼睛，</p>
<p>一只没有尾巴，</p>
<p>真奇怪！真奇怪！</p>

3、换行标签

行间距比较小，段落标签的行间距较大

<!--换行标签-->
两只老虎，两只老虎，<br/>
跑得快，跑得快，<br/>
一只没有眼睛，<br/>
一只没有尾巴，<br/>
真奇怪！真奇怪！<br/>

4、水平线标签

<!--水平线标签-->
<hr>

5、字体样式标签

<!--粗体，斜体-->
<h1>字体样式标签</h1>
<strong>粗体：zzzz</strong>
<em>斜体：zzzz</em>

6、注释和特殊符号

ctrl+?为注释快捷键

<br/>
<!--特殊符号-->

空&nbsp;&nbsp;格：
<br/>
&gt;      >
<br/>
&lt;      <
<br/>
&copy;版权所有zz       ©

<!--ctrl+?为注释快捷键-->

三、图像，超链接，网页布局

1、图像标签

常用图像格式 jpg、png

<img src="图像地址" alt="图像替代文字" title="鼠标悬停文字" width="宽度" height="高度">

<body>
<!--img学习
src:图片地址    （必填）
    相对地址(推荐使用)，绝对地址
    ../      上一级目录

alt:图片名字    （必填）
    -->
<img src="../resource/image/目力前辈.png" alt="目力头像" title="悬停文字" width="300" height="300">

</body>

2、链接标签

1）a标签

<!--a标签
href:   必填，表示要·跳转到那个页面
target:     表示窗口在哪里打开
    _blank 在新标签中打开
    _self 在自己的网页中打开
    
    <a href="path" target="目标窗口位置">链接文本或图像</a>
-->

<a href="网页.html" target="_blank">点击我跳转到页面</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>

<br>
<a href="网页.html">
    <img src="../resource/image/目力前辈.png" alt="目力头像" title="悬停文字" width="300" height="300">
</a>

2）锚链接

<!--锚链接
1.需要一个锚标记
2.跳转到标记		#
-->
<a href="#top">回到顶部<

最低0.47元/天解锁文章

weixin_50744573

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5笔记

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录HTML5一、初识HTML1、HTML2、W3C标准二、网页基本标签1、标题标签2、段落标签3、换行标签4、水平线标签5、字体样式标签6、注释和特殊符号三、图像，超链接，网页布局1、图像标签2、链接标签1）a标签2）锚链接3）功能性链接四、行内元素和块元素1、块元素2、行内元素五、列表，表格，媒体元素1、列表2、表格六、媒体元素七、页面结构分析八、iframe内联框架九、表单及表单应用1、表单get/post提交2、表单基本控件1.
复制链接

扫一扫