web前端1

最新推荐文章于 2024-07-23 12:36:06 发布

阳阳真的很菜

最新推荐文章于 2024-07-23 12:36:06 发布

阅读量57

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/qq_73971624/article/details/131584769

版权

WEB前端

DAY1

B/S架构：浏览器/服务器架构
HTML----超文本标记语言
- 超：超链接，能从一个网页跳转到另一个网页

HTML基本语法：

<开始标签>标签体</结束标签>

<input/>

html框架：

  <html>

  <head>

  <title>  </title>

  </head>

  <body>

  .....

  </body>

  </html>

标题标签：

h1-h6     独占一行，越来越小

段落标签：

<p></p>

换行和水平标签：

<br/> <hr/>

文本格式化标签：加粗、倾斜
无语义标签：

<div></div>  <span></sapn>

图片标签：

<img src="图片地址" alt="图片地址发生错误时,用来提示的字" title="指针经过时,显示的文字" height="高度" width="宽度">

视频标签

 <video src="视频链接" controls autoplay muted loop poster></video>
                      控件     自动播放  静音  循环 等待加载时的图片

音频标签

<audio src="文件地址"controls muted autoplay loop></audio>

链接标签

    *默认当前窗口打开
    href:跳转的位置
    target：打开方式  默认为_self   _blank为打开新网页
    <a href="http://www.xianoupeng.com/" target="_blank">去鸥鹏</a>
    <a href="https://www.baidu.com" target="_blank">去百度</a>
    <a href="./09-视频.html">去看小视频了</a>
    <a href="https://www.baidu.com"><img src="./images/dog.gif"></a>
    <a href="http://www.xianoupeng.com"><img src="./images/cat.gif"></a>

锚链接

<a href="#6">B</a>
    A<br/>
    A<br/>
    A<br/>
    A<br/>
    A<br/>
    A<br/>
    <div id="6">B</div>    标注div id

有序列表

有序列表  ol  li 
你喜欢的食物是？
    <ol type="I">
        <li>榴莲</li>
        <li>臭豆腐</li>
        <li>鲱鱼罐头</li>
    </ol>

无序列表

无序列表 ul  li
你喜欢的明星是？
    <ul>
        <li>顶针</li>
        <li>顶针</li>
        <li>顶针</li>
    </ul>

自定义列表

<dl>
    <dt>
        你们喜欢的明星
    </dd>
    <dd>
        李四
    </dd>
    <dd>
        王五
    </dt>

iframe框架

 这是我的主页面
    <iframe src="https://www.taobao.com/"width="900px"height="600px"></iframe>
    <a href="https://www.taobao.com/"target="nn">去淘宝</a>
    <iframe name="nn" frameborder="0" width="800px"height="200px"></iframe>

特殊字符

 <div>
    我最喜欢的明星是&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;法外狂徒张三
 </div>

meborder=“0” width="800px"height=“200px”>

阳阳真的很菜

关注

1
点赞
踩
0

收藏

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

开始标签>标签体</结束标签>B/S架构：浏览器/服务器架构。HTML----超文本标记语言。文本格式化标签：加粗、倾斜。
复制链接

扫一扫