Html
关注
分享
扫一扫
Faustine___
无无
展开
-
Html 实训1
1. div标签<div> </div>标签：div标签可以认为是一个块，可以通过style属性改变这个块的颜色、大小、位置等。下例：<div style="width: 65%; height: 300px; background-color: blueviolet; float: left; margin-top: 10px; margin-left: ...原创 2019-07-01 21:07:51 · 1270 阅读 · 0 评论 -
Html 表单与输入
1. 表单<form> </form>标签：<form>标签内的信息捆绑在一起2. 输入框<input>标签：该标签用于产生一个输入框。type属性：type属性用于决定该输入框的类型。下例：<input type="text">，则产生一个文本框<input type="password">，则产生一...原创 2019-06-30 17:26:21 · 242 阅读 · 0 评论 -
Html 列表
1. 无序列表<ul> </ul>标签：在ul大标签下使用<li>内容</li>标签，一个标签即代表一个项。下例：<ul> <li>苹果</li> <li>桃子</li></ul>type属性：可以指定无序标签的项目符号，下例：<ul...原创 2019-06-30 16:52:34 · 154 阅读 · 0 评论 -
Html 表格
1. 表格标签<table> </table>标签：该标签将内容划分到一张表格中<tr> </tr>标签：该标签将内容划分在一行<td> </td>标签：该标签将内容划分在一列总结：<tr>，<td>将<table>内容划分成行列的形式，此时的表格是没有外边框，同一行以空格为...原创 2019-06-30 16:35:48 · 356 阅读 · 0 评论 -
Html 链接
1. 链接<a href="http://www.w3school.com.cn/">链接</a>：该标签为链接表情，标签内文字为链接的触发器。href属性：指向链接地址target属性：若target="_blank"，则另起一个窗口打开新的链接文本可以使用<img>图像标签，则触发器为图片...原创 2019-06-30 11:01:28 · 534 阅读 · 0 评论 -
Html 文本格式化
1. 文本格式化标签<b> </b>：bold缩写，定义粗体文本<strong> </strong>：定义加重语气<big> </big>：定义大字号<em> </em>：emphasized缩写，定义重文字<i> </i>：italic缩写，定义斜体&l...原创 2019-06-30 10:55:25 · 283 阅读 · 0 评论 -
Html 基础标签
1. Html文件：以<html>标签开头，以</html>标签结尾。2. 显示信息的地方有两处，一是标题栏，二是浏览器内。<title>开始，</title>结束：title标签将信息划分到标签栏。<body>开始，</body>结束：body标签将信息划分到浏览器内。3. 段落<p>开始，&...原创 2019-06-29 16:24:03 · 213 阅读 · 0 评论 -
Html 实训4
1. 指定元素选择器：例：.CLASS1 X Y对CLASS1类下的X元素下的Y元素写选择器2. 多个选择器或元素间空格多个选择器或元素用空格组合在一起，表示相邻之间有亲缘关系（父子，祖父孙子）3. 对li标签使用指定元素选择器，不用再定义一个类选择器4. 所有标签都可以看作一个矩形框，例如：a标签也是一个矩形框框起来的5. 不要在ul里面设置margin属性，尽量设...原创 2019-07-04 21:49:00 · 339 阅读 · 0 评论 -
Html 实训3
1. 定位position属性：定位属性，position属性和float属性不能同时使用。取值： 1.1 absolute绝对定位：向上级找position，若上级有position，则相对上级position对该标签定位；若上级没有position，则相对与当前浏览器窗口定位。absolute是脱离文档流。 1.2 relative相对定位：相对于自身原来的位置定位。r...原创 2019-07-03 21:13:35 · 459 阅读 · 0 评论 -
Html 实训2
1. div对div标签了有了新的认识，在开发一个前端网页时，可以先使用div对网页进行布局，然后在对具体某一个div进行操作2. 选择器：定义样式2.1 元素选择器：修改一个标签的样式，后续使用这个标签时格式均按修改后的。下例：h1{}2.2 类选择器：以.开头，使用时不需要加. 定义一个类选择器后，需在标签中添加class="li_top"这属性即可使用。下例：....原创 2019-07-02 21:49:43 · 438 阅读 · 0 评论 -
html 实训6
总结：1. 出现JavaScript的原因：解决表单验证，最早网速很慢，表单的一些非法字符等验证只能在服务器，但是一来一回往往要几分钟，所以就提出JavaScript在本地客户端验证这些信息。2. JavaScript语法：代码写在script标签里<script type="text/javascript"></script>， js代码都写在head...原创 2019-07-10 16:48:52 · 458 阅读 · 0 评论 -
Html 实训5
技巧总结：1. 对多个li标签使用标签选择器时，margin-bottom对第一个不影响，因为margin-bottom改变两个元素间底边距，而是相对于第一个块的，所以第一个不动，使用margin-top将改变第一个，因为第一个li的margin-top是相对于ul标签所以，margin-top改变他也改变。2. 对网页布局先用float，float若不能达到要求再改用position...原创 2019-07-05 15:57:22 · 583 阅读 · 0 评论