第三天

1.列表

无序列表:

-ul >li

有序列表

-ol >li

自定义列表

-dl>dt+dd

dt靠前 dd靠后

列表嵌套

-ul>li>ul>li

2.表格

table>thead>tr>th>td

table为表格

tr为行

th为首行标题

td为列(单元格)

td rowspan=“2”上下一个单元格2行合并

td colspan=“2” 将一行中的1个单元格2列合并

3.节标签:div span

div标签:块级标签独占行

span标签:行级标签共同使用

块级标签:p,div,ul,ol,dl,li,dt,h1-h6

行级标签:xing:span,strong,em

4.表单

form action=“#”

input type=“text” value=“123”:text文本标签(输入行),value输

入信息

input type=“radio”单选标签  name=“gender” 仅可选择一个单选

下拉选项表单:

《select name=“” id=“”》

《option value=“1”》 公历《/option》 第一个选项

《option value=“2”》 农历《/option》第二个选项

下拉展示选项表单:

《select name=“” id=“” multiple=“multiple”》

《option value=“1”》 公历《/option》 第一个选项

《option value=“2”》 农历《/option》第二个选项

超文本标签:

《textarea cols=“20” rows=“10”》文本标签 和长宽

内容

《textarea》

多选盒子框:

《input type=“checkbox”》

注册按钮:

《input type=“sumbit” value=“注册”》

包含标签:

《fieldset》

Form:包裹标签, action:#

input:text,textarea文本框,radio,name=“gender”单选按钮,type

:checkbox多选按钮,submit提交的按钮,button按钮,reset重置的按钮

checked属性:标识多选un按钮是否被选中。

lable:for属性想提供给某id的服务。

select:下列菜单(multiple=“multiple” 展示下拉菜单)

cols:设置文本域宽度

rows:高度

iframe:内敛网页 可以设置width宽 hight高 frmaeborde=0去掉边框

5.高级补充标签

meta标签:网站seo关键词和描述

《meta name=“keywords” content=“关键词”》

link标签:引入标签

script:引入js

base:可以使页面的所有a标签同一属性

《base target=“_blank”》所有超链接在另外一个页面打开

pre : 实际显示

直接在网页显示内容:<内容>

6.html语义化

web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含

义,能够使人和搜索引擎都容易理解

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无序列表标签:ul 列表项1 列表项2 列表项3 中只能嵌套 ,直接在标记中输入文字的做法是不被允许的。有序列表标...
    浏览罗阅读 328评论 0 0
  • 第三天 1、ctrl+{左缩进ctrl+}右缩进 2、ul无序排列ol有序列表 (href=”#”指向当前页面) ...
    涩柠檬193阅读 190评论 0 0
  • 列表标签 无序列表标签:ul 列表项1 列表项2 列表项3 ...... 中只能嵌套 ,直接在 标记中...
    金妮ing阅读 325评论 0 0
  • 第二天复习 所有标签都具有的四个属性? HTML文档的基本结构? meta标签的作用? 小知识: 在命令行中,用n...
    向布谷鸟说早安阅读 348评论 4 0
  • LeetCode Problems Solutions question description: 问题描述 Re...
    037e3257fa3b阅读 406评论 0 0