html第一天笔记

标签都是有头有尾

如: <marquee>[  ] </marquee>

有个别单标签<input />

各个标签之间必须用空格隔开

Loop=? 循环次数

Marquee=循环滚动

<Marquee  bgcolor>=''颜色''=设置底色

<strong>[内容]</strong>---将内容加粗 <b></b>

属性:  给标签添加附加信息的

属性名=''属性值''

Disabled=''disabled''

直接简写为 disabled

骨架---所有网站必须有(基本结构)

<html>

   <head>

<title></title>显示在网页栏的东西

</head>

       <body>

所有东西在这里面

       </body>

</html>

UTF-8:万国码,包含世界上所有文字和符号

标题标签

<h1>---一级标题

<h2>---二级

<h6>

逐级减小,独占一行

<p></p>---段落标签,每一段都要加

文本格式化标签

<em>[内容]</em>---倾斜   <i></i>

<del>[内容]</del>---删除线 <s></s>

x<sub>2</sub>---x右下角小标

x<sup>2</sup>---x右上角小标

<ins>[内容]</ins>---下划线 <u></u>

换行标签以及水平线标签

<br />---单标签换行符

<hr />---单独一行水平线

图片标签

<img src='' '' alt='' '' tltle='' ''>---图片标签

Src --- 指向图片地址

Alt --- 在图片找不到时用作提示

Tltle --- 指针放在图片上时显示内容

Width --- 设置图像宽度

Height --- 图像的高度

Border --- 边框粗细

路径

Src=''../'' --- 在上一级别    ./ --- 同一级别   / --- 下一级别

Align='' '' --- 设置文字与图片的对齐方式

视频

<Video src= '' '' controls loop autoplay muted></video>

Controls=控制键

Autoplay=自动播放

Muted=默认静音

音频

<audio src=…..></audio>

同上

两者必须都有controls才可以

超链接

<a herf="跳转地址">[点我进行跳转]</a>    (默认在当前窗口打开)

<a herf="跳转地址" target="_blank">[点我进行跳转]</a>  (在新窗口打开)

锚链接

设置在段落中

<p>

<h1 id="one">给标签一个身份证号

<a href="#one">去h1那里</a>

点击即可跳转到 id=one 处

特殊字符

&lt --- <

&gt --- >

&nbsp --- 空格

有序列表

<table>

    【内容】

<ol type=" ">

<li><a href=""></a></li>

<li><img src=" "></li>

<li></li>

<li></li>

</ol>

Type --- 默认为1.2.3,可改

li中什么都可以放进去

无序列表

你喜欢的什么什么

<ul type=" ">

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

无需列表前默认为小圆点,也可改

自定义列表

<dl>

<dt></dt>

<dd></dd>

<dd></dd>

</dl>

前面没有东西

框架(页面嵌套)

<iframe src=" " frameborder=0 width='' ''  height=" ">

frameborder=0 --- 嵌套窗口的边框大小

可设置窗口大小

某些网站会拒绝嵌套

也可嵌套视频等

与超链接一起用

<a herf=" " target="nn">点我进入某某</a>

<iframe src=" " frameborder=0 width='' ''  height=" ">

表单

<form action="">

用户名:<input type="text" name="userName" value="" disabled aotocomplete="off/on">

密码:<input type="password" name=" " placeholder="请输入正确的密码">

单选框

<br>

<input type="radio" name="r1" value="男">男

<input type="radio" name="r1" value="女">女

name必须一样才能从中单选一个

单选多选都必须有value

多选框

<br>

爱好

<input type="checkbox" name="love" value="sing">唱歌

<input type="checkbox" name="love" value="dance">跳舞

<input type="checkbox" name="love">爱好1

<input type="checkbox" name="love">爱好2

下拉选择栏

<select name="xiala" id=" " multiple>

<option value="西安">西安</option>

<option value="重庆">重庆</option>

<option value="成都" selected>成都</option>

</select>

简介框

<textarea name="jianjie" id="" cols="30" row="10" maxlength="20"></textarea>

<botton>提交</botton >

选择文件按钮

<br>

<input type="file" name="wenjian">

<input type="botton"> --- 一个普通按钮

<input type="submit" value="tijiao"> --- 也可用于提交

</form>

Value --- 默认输入

Disabled --- 在默认输入的基础上不允许修改

Radio --- 单选

Cols --- 列

Row --- 行

Maxlength --- 最大长度

Selected --- 默认选中

aotocomplete="off/on" 记住之前输入的内容,默认为on

Placeholder --- 框内提示词,输入内容则消失

Multiple --- 若下拉选择框加入则变为表格显示样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值