web前端第一天作业

什么是网页?

网站:因特网上根据一定的规则,用html等制作的用于属于特定内容相关的网站集合

网页:构成网站的基本元素

网页的背后---前端程序员写的代码

 html/css/js---结构 /表现/行为

HTML:超文本标记性语言,描述网页的语言

超----有文字,图片,音频,视频等等

-----还可以从一个页面跳转到另外一个页面(超级链接文本)

文本:

标记----文本要变成超文本,就需要各种的标记符号

语言---每一个标记的写法,读音,使用规则,构成标记语言

<strong>标签名</strong>  加粗

<marquee>标签名</marquee>  弹幕

<input/>   单标签

<marquee loop="1">标签名</marquee> 循环一次

-----这些标签都是可以嵌套的<marquee>标签名<input/> </marquee>

html的骨架:

<html>

<head>

</head>

<body>

</body>

</html>

属性名=“属性值”

属性名与属性值相同只写属性名<input disabled=""/>

Utf-8---万国码,包含世界上所有的文字与符号(推荐)

Ctrl+/---注释

MDN---查找标签怎么用(W3 school)

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

<br />---换行符  <hr/> 水平线换行

<h1>---</h1>标题符

文本格式化标签:加粗<strong>--</strong> <b>---</b>

倾斜体<em>--</em>

删除线--<del>---</del> <s>---</s>

下划线--<ins>---</ins>

          <u>---</u>

无语义标签---<div>---</div>--容器,独占一行  多用于布局

<img src="../images/dog.gif"  alt="">

<span>---</span>----一行可存在多个

图片---<img src="../images/dog.gif"  alt="">

Src----指向图片的位置 alt---图片地址 title--鼠标经过时显示文字

<video src="./路径“  controls autoplay muted>

Controls:控件

Autoplay:自动播放

 muted:静音

poster:等待加载时的显示图片

<>----音频播放

超链接--

 <a href ="网址">标签体</a>----默认当前窗口打开

<a href ="网址" target="_self>标签体</a>----新的窗口

<a href ="网址" target="_blank>标签体</a>--之前的东西还在,新的窗口

<a href ="网址" target="_blank><img src="../images/dog.gif"  alt="">

</a>----插图片等等….

锚链接---- <a href="#one">标签体</a>

                <div id=“one”>标签体</div>---id属性 相当于就是身份证

                 href---跳转的位置

                 target---打开方式 默认是_self  如果是新窗口打开---_blanke

列表--有序列表(ol  li)---<ol type="A">

                                 <li>榴莲</li>

                                 <li>牛奶</li>

                                 <li>梨子</li>

                                 <li>桃子</li>

                            </ol>

无序列表(用的多)--(ul  li)---<ul type="形状">

                                                        <li>榴莲</li>

                                                        <li>牛奶</li>

                                                        <li>梨子</li>

                                                        <li>桃子</li>

                                                                   </ul>

自定义列表----<dl>

                         <dt>

                           <dd>

                            </dd>

                     </dt>

                    </dl>

iframe框架--- 

这是我的主页面

<iframe src="https://www.taobao.com"></iframe>

<a href ="网址" target="_self></a>----可以两个连用

特殊字符---两个以上的空格

    我&nsp&nsp&nsp&nsp&nsp&nsp是帅哥  &nsp---空格符

小于号--&lt;大于号--&gt;如下:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fatsheep洋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值