黑马程序员技术交流社区

标题: 2026-华俊2017-4-5-4-6直播课+视频课自学笔记 [打印本页]

作者: vicoholly 时间: 2017-4-11 23:11
标题: 2026-华俊2017-4-5-4-6直播课+视频课自学笔记

<u></u> 下划线
<ins></ins>下划线  强调插入的是文本
<sup></sup>上标
<sub></sub>下标
需求：输入一段文本，要求前六个字文本颜色为蓝色，加粗，倾斜，加下划线

注意：一定要顺序嵌套，不能交叉
需求：输入一段内容，最后8个字，文本颜色是绿色 green #00ff00，字体为宋体，---加粗倾斜加下划线

Html的段落排版标签
<p></p>  段落标记
段落的属性
align 取值  left  center  right

<h1></h1> 标题1
<h2></h2> 标题2
。。。
<h6></h6>标题6
标题的属性
align  取值 left  center right
需求：输入两段内容，在第一段的前面加一个标题二，标题二的内容居中
pre标记：预定义标签，保留原有的空格和换行
示例代码：

显示效果：

div和span
div ：是网站上使用的标签最多之一，本身没有任何意义，自己独自一行，结合css样式一起使用，构成相应的效果块标签

span 本身没有任何的含义，但是也是网站使用最多标签之一，结合css一起使用构成功能，行内标签
块标签：输入完标签之后，自己独占一行
  哪些属于块标签  <h1></h1>…<h6></h6> <p></p> <div></div>
行内标签：输入完标签之后，不是自己独占一行
  哪些属于行内标签 <em><span><i><u>

需求输入两段内容，第一段和第二段用div包裹，在第一段的前面加标题3，改标题颜色为蓝色

注意：下面的写法不推荐使用，通常块标签里面包括行内标签

效果

列表
就是若干个相似的内容进行排列
1.无序列表
就是若干个相似的内容进行排列，没有先后顺序
语法：
  <ul>
   <li>搜狗</li>
   <li>输入法</li>
   <li>浏览器</li>
  </ul>

Ul的属性
type 类型设置列表前面符号的样式取值 circle  disc默认  square
2.有序列表
若干个相似的内容进行排列有先后顺序
语法：
<ol>
   <li>谁在鼓吹2017年房价下跌？</li>
   <li>赵海均:明星并购价值有几何</li>
<li> 股市暴跌，到底发生了什么?</li>
</ol>

3.自定义列表
<dl>
<dt>自定义列表标题</dt>
<dd>对该标题进行描述</dd>
</dl>

4-6
1.table 布局
表格拼版的特性
a.表格可以被内容撑开,不能被背景撑开  b.背景默认是平铺的，标签有多大，背景就有多大。
c.内容不能放在内容上面，内容可以放在背景上面。
什么情况下使用背景图？
1.图在图上或者文字在图上 2.一张图重复出现，使用背景
快捷键
tab键全部显示\隐藏工具面板在fw中f4也可以显示隐藏工具面板
  dw中f4也是显示隐藏工具面板
  ctrl键快速切换到选择工具
2.表单简介
表单域：表单的区域，用来控制表单提交的数据
<form></form>
所有表单元素都放在表单中
表单元素：
  a文本框  单行文本
<input type="text" name="username" size="20" maxlenth="10“/>
size="20"表示宽度是20个字符的宽度 maxlength=10 表示最多输入10个字符
name="username" 表示文本框输入的名字       type标识输入的类别
b 密码框
<input type="password"  name="pwd" maxlength="6/>
c 单选按钮
<input type="radio" name="sex" value="1" checked="checked">男
<input type="radio" name="sex"  value="0" /> 女
单选按钮注意事项
1.同一组的名字要一致
2.必须给无法输入的表单元素赋值
3.默认选中 checked="checked”
d 复选框
<input type="checkbox" name="hobby"  value="1"/>爬山
<input type="checkbox" name="hobby" value="2"/>游泳
<input type=“checkbox" name="hobby" value="3"/>爱好
复选框注意事项
1.同一组的名字要一致
2.必须给无法输入的表单元素赋值
3.默认选中 checked="checked”
e.下拉菜单
<select name="xueli">
<option value="高中">高中<option>
<option value="大专" selected="selected">大专<option>
<option value="本科">本科<option>
</select>
注意：<select> 是下拉菜单
<option>是下拉菜单项
selected :表示默认选中
f.下拉列表
  <select size="4" multiple="multiple" name="dept">
<option value="人事部">人事部<option>
<option value="财务部">财务部<option>
<option value="项目部">项目部<option>
<option value="后勤部" >后勤部</option>
<option value="市场部”>市场部</option>
</select>
注意： size="4" 是显示4个选项
   multiple="multiple"表示可以多选
g.多行文本
多行文本也叫文本域（<textarea>)
<textarea  name="leavewords" rows="5" cols="30"></textarea>
cols：给示容纳的列数(调节宽）
rows：表示容纳的行数（调节高）
h 提交按钮
<input type="submit" value="提交“  name="submit"/>
用来向服务器提交数据
重置按钮
<input type="reset" value=”重置” name="button"/>
作用：用来清空填写的数据，将表单回复到初始值
提交按钮和重置按钮都是带有功能的按钮。在很多情况下我们点击按钮的时候
不是需要提交和重置，而是执行我们自己的功能，这时候就需要不带有功能的按钮。
普通按钮：
<input type="button" value="返回”/>
i 图片按钮将表单进行提交功能，同时这它将鼠标点击图片上面的坐标值也会进行提交。
<input type="image" src='img/one.jpg" width="200" heihgt="30"/>
g 文件上传
<input type="file"
k 隐藏域
<input type='hidden' name="id" value="67"/>

3.框架  框架属于将要淘汰的标签  w3c建议用内嵌框架
  如何实现在一个浏览器上看到多个页面？用框架
  框架集：<frameset>
  框架：<frame>
  如果有n个框架，则保存n+1个文件
  在dw保存框架的注意事项
  光标放在哪个框架中就保存哪个框架中的页面。如果要保存所有页面，保存全部。
  文件---保存全部（先保存框架集再保存框架）
  如何将已经有的页面显示框架中？
  将光标定位到框架中，执行文件-在框架中打开命令。
  框架中显示其他页面用SRC属性。
4.内嵌框架(iframe)  demo:表格内嵌框架

<table  width="700" border="1">
<tr>
<td  width="100">
<a href="a.html" target="main">a</a><br/>
<a href="b.html" target="main">b</a>
</td>
<td>
<iframe  name="main" src="main.html" frameboder="0" marginwidth="0"  marginheight="0">
</iframe>
</td>
</tr>

</table>

2026-华俊2017-4-5-4-6直播课视频课自学笔记.txt

6.43 KB, 下载次数: 40

2017-4-5-4-6直播课+视频课自学笔记

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2