您的位置：首页 > 其它

日常记录实训第七天

2020-02-04 09:46 78 查看

HTML元素

1 编写代码结构
有单标签和双标签
单标签例如：

<meta/>，<br/>，<hr/>

双标签：
<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>

2.在网页的表现形式上
块级元素，独占一行
行内元素，与其他元素共享一行（例如input为行内元素，则需要加br手动分开）
替代元素

HTML表单、表格、列表、图片、超链接

1.表单

<input type="text" />

input标签的type属性为text，单行的输入字段，用户可在其中输入文本。

<input type="radio" />

radio属性为点亮小圆点的单选按钮。

<input type="checkbox" />

checkbox的属性为复选框，复选按钮选中的值为数组。

<input type="submit" />

submit属性为提交按钮。提交按钮会把表单数据发送到服务器。Button按钮默认有提交功能，因为默认为submit属性。

2.表格
表格区可以分为内容区，padding区，border（边框区）区 ，margin区。
行内元素即使设置了宽高也不会显示，需要转换成块级元素
display: block;将行内元素转换成对那个块级元素。
display: inline-block;行内元素同时可设置宽高。

3.列表

<ul>
和
<ol>
标签，ul是一个无序列表，ol是一个有序列表。ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块
ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
ul中可以设置多种样式，但是当同时设置多种样式的时候会显示最后一个。

4.图片，超链接
src为路径，alt为图片加载不出来显示的信息，title是光标放到图片上的提示信息

target="_blank"生成一个新的选项卡

css

1.浮动
float:left;
float:right;
2.两种清除浮动影响方法
overflow: hidden;清除子元素浮动对父元素的兄弟元素的影响
clear: both;对兄弟元素清除影响

  • 点赞
  • 收藏
  • 分享
  • 文章举报
橙小甜 发布了11 篇原创文章 · 获赞 0 · 访问量 70 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航