HTML基本语法

HTML基本语法

字体样式标签

粗体：<strong>粗体</strong>
斜体：<em>斜体</em>

特殊符号

空格：11&nbsp;22
大于符号：&gt;
小于符号：&lt;
版权符号：&copy;

链接标签

嵌套图片跳转

<!-- 嵌套图片超链接 target="_blank" 打开新的窗口 target="_self"  当前窗口打开 -->
<a href="https://i.cnblogs.com/articles/edit-cate" target="_blank">
	<img src="../img/feature.jpg"/>
</a>

锚链接跳转

<!-- 锚链接定义 -->
<a name="top">顶部</a><br />
<!-- href指定锚链接的name属性跳转,属性前面需要加上#标记 -->
<a href="#top">跳转顶部</a>

<!-- 使用锚链接进行跨页面跳转,utl后面跟上url页面资源中的a标签name -->
<a href="test02.html#buttom1">跳转test02底部</a>

列表

有序列表

<ol>
     <li>java</li>
     <li>前端</li>
</ol>

无序列表

<ul>
    <li>java</li>
    <li>前端</li>
</ul>

自定义列表

<dl>
    <dt>学科</dt>
    <dd>java</dd>
    <dd>前端</dd>

    <dt>位置</dt>
    <dd>湖南</dd>
    <dd>内蒙古</dd>
</dl>

视频和音频元素

视频元素

<!-- 
controls：控制条
autoplay:自动播放
-->
<video src="../video/2021.3.28.mp4" controls autoplay></video>

音频元素

<!-- 
controls：控制条
autoplay:自动播放
-->
<audio src="../video/薛之谦%20-%20意外.mp3" controls autoplay></audio>

网页结构

元素名 描述
header 标题头部区域的内容（用于页面或页面中的一块区域）
footer 标记脚部区域的内容（用于整个页面或页面中的一块区域）
section Web页面中的一块独立区域
article 独立的文章内容
aside 相关内容或应用（常用于侧边栏）
nav 导航类辅助内容

iframe内联框架

<!-- 使用src指定iframe的默认url，name代表iframe的框架表示名-->
<iframe src="https://www.aliyun.com/" name="test" width="500" height="500"></iframe>
<!--通过a关联iframe的name属性，为iframe指定跳转的地址-->
<a href="https://www.baidu.com/" target="test">跳转</a>

input的简单验证type属性‘

邮箱：<input type="email" name="email"/>
url：<input type="url" name="url"/>
数值：<input type="number" name="num"/>
搜索框：<input type="search" name="search"/>
滑块：<input type="range" name="range"/>
posted @ 2021-07-03 14:25  幸运刘  阅读(69)  评论(0)    收藏  举报