慕课网

初识HTML(5)+CSS(3)-升级版

最热最新

weixin_慕仰9286394

1、第一个是文档框，text类型
2、第二个是密码框，password类型

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2023-07-07
weixin_慕仰9286394

<label for="uname">输入你的用户名</label>
<input type="text" id="uname" placeholder="Enter uname">
<br>
<label for="pass">输入你的密码</label>
<input type="password" id="pass" placeholder="Enter password">

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2023-07-07
weixin_慕仰9286394

创建文本区域：
cols ：多行输入域的列数。
rows ：多行输入域的行数。

<form method="post" action="save.php">
<label>联系我们</label>
<textarea cols="50" rows="10" >在这里输入内容...</textarea>
</form>

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2023-07-07
weixin_慕仰9286394

1、input的type属性设置为number,则表示该输入框的类型为数字。
2、数字框只能输入数字，输入其他字符无效。
3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。
<input type<="number">

查看全部

0 采集收起来源：在家呆多少天啦? - 数字输入框
2023-07-07
weixin_慕仰9286394

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。
2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。
<boder>
<input type="text" placeholder="请输入用户密码" />
<br />
<input type="password" placeholder="请输入密码" />
</body>

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2023-07-07
weixin_慕仰9286394

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。
2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。
<boder>
<input type="text" placeholder="请输入用户密码" />
<br />
<input type="password" placeholder="请输入密码" />
</body>

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2023-07-07
weixin_慕仰9286394

<body>
<form method="post" action="save.php">
账户：
<input type="text" name="name" />
<br />
密码：
<input type="password" name="name" />
</form >
<body>

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2023-07-07
weixin_慕仰9286394

同上一节

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2023-07-06
weixin_慕仰9286394

创建表格的四个元素：table、tr、th、td
tr包含在table中(<tr>...</tr>有几对代表几行)、th,td代表一格里的文本（th有加粗的效果、td正常）
例：
<body>
<table boder="1...."> 无border属性，就不显示表格线
<caption>表格标题</caption>
<tr>
<th>文本</th>
<th>文本</th>
</tr>
<tr>
<td>文本</td>
<td>文本</td>
</tr>
</table>
</body>

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2023-07-06
weixin_慕仰9286394

a标签有的target属性，代表打开网页的方式。可选值为”_self和_blank”。
① _self，代表在当前页面打开链接
② _blank代表在新窗口打开链接
例：
<a href="https://www.imooc.com/code/21335" target="_self">百度1</a>
<a href="https://www.imooc.com/code/21335" target="_bland">百度1</a>

查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接
2023-07-06
weixin_慕仰9286394

<img src="图片地址" alt="下载失败时的替换文本" title= "提示文本">

<a>可实现超链接、
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2023-07-06
weixin_慕仰9286394

1、在html中按空格、回车无用。
回车：<br />标签作用相当于word文档中的回车。（例：举头望明月<br />）
空格： (例：举  头望明月）
2、水平分割线：<hr />

3、
①每项li前面都带点（无序）：<ul><li></li></ul>
<ul>
<li>精彩少年</li>
<li>美丽突然出现</li>
<li>触动心灵的旋律</li>
</ul>
②每项li前面都序号（有序）：<ol><li></li></ol>
<ol>
<li>前端开发面试心法</li>
<li>零基础学习html</li>
<li>javascript全攻略</li>
</ol>

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2023-07-06
weixin_慕仰9286394

框架：
<body>
<header>我是头部标签</header>
<section>我是一个区域</section>
<footer>我是底部标签</footer>
<adside>我是侧边栏</adside>
</body>

html基础知识：
1. 2.<p>段落文本</p> 3.<hx>标题文本</hx> (x为1-6) <h1>是最高的等级
2.<q>引用短文本</q> 不用加引号 <blockquote>引用长文本</blockquote>
3.<em>变斜体</em>
<strong>加黑</strong>
<br />换行  加空格
<hr/>加水平线
<address>联系地址信息</address>
<code>加入一行代码</code>
<pre>加大段代码</pre>

查看全部

0 采集收起来源：再加个侧边菜单吧 - <aside>定义侧边栏区域
2023-07-07
慕侠0345509

right：100px：代表，元素的右边，要空出100px
top：100px：代表，元素的上边，要空出100px

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2023-07-01
慕圣1165166

1、border-style（边框样式）常见样式有：
dashed（虚线）| dotted（点线）| solid（实线）。

2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:
border-color:#888;//前面的井号不要忘掉。

3、border-width（边框宽度）中的宽度也可以设置为：
thin | medium | thick（但不是很常用），最常还是用像素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2023-06-25

首页上一页 34 35 36 37 38 39 40 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。