发表于： 2018-05-22 22:25:49

1 654

今天完成的事情：

今天完成的事，

元素分类，

inline元素，block元素，inline-block元素、

HTML <input> 标签

HTML <table> 标签

分为四类

a.

定义一个区块，比如文章中某一章节，某一段落。

b.

定义头部区域。

c.

定义底部区域，一般用来标注一些网站信息，底部导航栏也可以用该标签。

d.

定义菜单导航，链接导航。

e.

表示文章的主体内容。

下边的块级元素和行内元素没有看，

内联元素(inline)和块级元素(block)

常见的内联元素(inline)和块级元素(block)

内联元素(inline)：

a – 锚点 

abbr – 缩写 

acronym – 首字 

b – 粗体(不推荐) 

big – 大字体 

br – 换行 

cite – 引用 

code – 计算机代码(在引用源码的时候需要) 

dfn – 定义字段 

em – 强调 

font – 字体设定(不推荐) 

i – 斜体 

img – 图片 

input – 输入框 

kbd – 定义键盘文本 

label – 表格标签 

q – 短引用 

s – 中划线(不推荐) 

samp – 定义范例计算机代码 

select – 项目选择 

small – 小字体文本 

span – 常用内联容器，定义文本内区块 

strike – 中划线 

strong – 粗体强调 

sub – 下标 

sup – 上标 

textarea – 多行文本输入框 

tt – 电传文本 

u – 下划线

块级元素(block)：

address – 地址 

blockquote – 块引用 

center – 举中对齐块 

dir – 目录列表 

div – 常用块级容易，也是CSS layout的主要标签 

dl – 定义列表 

fieldset – form控制组 

form – 交互表单 

h1 – 大标题 

h2 – 副标题 

h3 – 3级标题 

h4 – 4级标题 

h5 – 5级标题 

h6 – 6级标题 

hr – 水平分隔线 

menu – 菜单列表 

ol – 有序表单 

p – 段落 

pre – 格式化文本 

table – 表格 

ul – 无序列表 

li

内联元素与块级元素的区别

内联元素：

1、内联元素不会独占一行，相邻的内联元素会排在同一行。其宽度随内容的变化而变化。 

2、内联元素不可以设置宽高 

3、内联元素可以设置margin，padding，但只在水平方向有效。

块状元素：

1、块级元素会独占一行，默认情况下宽度自动填满其父元素宽度 

2、块级元素可以设置宽高 

3、块级元素可以设置margin，padding

内联块状元素inline-block：

简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现（可以设置宽高和margin值）。之后的内联对象会被排列在同一内联。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。

上面是一些常见的

内联元素(inline)：

块级元素(block)：

一个简单的 HTML 表格，包含两行两列：

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

这个我今天写了一下但

这两个为什么不赞成使用

HTML <input> 标签

一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：

<input> 标签用于搜集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

这个是晚上看的所以没有看完

明天计划的事情：

把剩下的问题弄完。

遇到的问题：

今天我看了一下任务七

这个右边为什么是空白的？是一个滚动条吗？
还有Bootstrap这个是什么意思？

收获：

元素分类，

inline元素，block元素，inline-block元素、

HTML <input> 标签。

返回列表