【无标题】前端笔记——html基础

发布于:2023-01-20 ⋅ 阅读:(9) ⋅ 点赞:(0) ⋅ 评论:(0)

1.设置后台管理界面

使用iframe框架制作一个基本边框

边框设置frameset双标签不能和body标签同时使用

左边边框绘制内容使其跳转去右边边框

层层跳转

2.iframe内联边框

实现内边框变,外边框不变,按第二集后,内边框中视频跳转

3、视频

<video src="video/1.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>

src:视频路径

controls:播放控件

autoplay:自动播放

loop:循环播放

4、表格

rowspan:跨行

将第二行的图片挤出一个身位

Colspan:实现跨列

5、列表

a、什么是列表?

b、无序列表

<ul>

      <li>撞死两个人后自拍</li>

      <li>一线城市楼市退烧</li>

 </ul>

c、有无列表

<ol>

  <li>撞死两个人后自拍</li>

  <li>一线城市楼市退烧</li>

</ol>

d、自定义列表

<dl>

    <dt>水果</dt>

    <dd>苹果</dd>

    <dd>桃子</dd>

</dl>

6、网页的基本标签

标题标签:<h1></h1>~<h6></h6>

段落标签:<p></p>

换行标签: <br/>

水平线标:<hr/>

字体样式标签:

加粗:<strong></strong>

倾斜:<em></em>

注释和特殊符号:

空格:&nbsp;

版权符号:&copy;

图片标签:

<img src="path" alt="text" title="text"  width="x"  height="y" />

src:图片地址

alt:图片的代替文字

width:图片的宽

height:图片的高

链接标签:

<a href="path" target="目标窗口位置">链接文本或图像</a>

href:链接路径

target:链接在哪个窗口打开链接

目标窗口位置:常用值:_self(在原窗口打开)(默认)、_blank(在新窗口打开)

页面跳转的三种方式:

本页面跳转:

a.创建跳转标记

<a name="marker">乙位置</a>

b.创建跳转链接

<a href="#marker">回到首页 </a>

页面间跳转:

<a href="https://www.douban.com/note/755910644/" target="_self">下一页</a>

页面固定位置跳转:

<a href="index#marker" target="_self">下一页</a>