之前写的html学习的文章都是零零散散的，这次出个整合的专栏，把内容集中起来，做个知识复盘，顺带刷刷题。牛客网非常值得一用，刷题也很好刷！对于基础入门最合适不过。

博主主页：WDm-xmax 原id：GUIDM

收入专栏：零基础html学习/刷题

刷题网站：牛客网

学习

一、html简介

二、结构

三、标题和段落标签

刷题（第一期）

学习

一、html简介

html（超文本标记语言），标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

二、结构

头部：<head></head>中的内容，<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

主体：<body></body>中的内容。

<html></html>中包含了整个页面的所有内容，称为根元素。

上图则为 html代码的一个基本格式。

vscode中输入一个叹号就能实现。

<meta charset="UTF-8">：该文档使用的字符集，设置为UTF-8

<meta http-equiv="X-UA-Compatible" content="IE=edge">：针对IE8新加的一个设置，对于IE8之外的浏览器是不识别的。

<title>Document</title>：设置了页面的标题

三、标题和段落标签

标题

属性

属性	值	说明
align	left	靠左对齐
	right	靠右对齐
	center	居中对齐

段落

属性

属性	值	说明
align	left	靠左对齐
	right	靠右对齐
	center	居中对齐

刷题（第一期）

第一题：

解题：导航标签为<nav></nav>

<header></header>标签定义文档的页眉（介绍信息）

 <header><nav></nav></header>

第二题：

解题：输入框为input标签

使用type属性的password值为密码，checkbox为复选框。

默认值使用value属性，已勾选状态使用checked属性。

<form><!-- 补全代码 --><input type='password' value='nowcoder'/><input type='checkbox' checked/>
</form>

第三题：

解题：表格结构为

<table>

<tr>

<td></td>

</tr>

</table>

表格标题：<caption></caption>

<table><caption>nowcoder</caption><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr>
</table>

第四题：

解题：新窗口打开文档，用a标签的target属性的_blank 值。

 <a href="#" target="_blank"></a>

第五题：

解题：自定义列表格式

<dl>

<dt>

<dd></dd>

</dt>

</dl>

<dl><dt>nowcoder</dt><dd>nowcoder</dd>
</dl>

零基础html学习/刷题-第一期相关推荐

C语言零基础——简单算术刷题系统
背景:50以内的加减法算术刷题系统(10题) #include<stdio.h> #include<stdlib.h> #include<time.h > #def ...
小甲鱼零基础学python pdf_鱼C论坛小甲鱼《零基础入门学习python》课程课后题.pdf...
第 1 课 0. Python 是什么类型的语言? Python 是脚本语言脚本语言 (Scripting language) 是电脑编程语言,因此也能让开发者藉以编写出让电脑听命行事的程序. 以 ...
零基础JavaScript学习【第八期】
博主有话说:嘿嘿,第八期还不是结尾,还有一个字符串对象没有说,下一期真的要完结了.感谢大家伙的支持. 个人空间:GUIDM的个人空间专栏内容:零基础JavaScript学习基础还是关键. 欢迎大家 ...
零基础——java学习路线(下）
学习路线分上中下三篇,前两篇已经发布了,本文是学习路线系列的最后一篇.有没有提到的点或学习疑问欢迎评论区留言~ 公众号后台回复"资料"即可获取学习资料大礼包,你想找的基本都有,外加 ...
授人予鱼不如授人予渔：零基础java学习路线分享
一切不以求职找工作为目标的学习路线分享都是耍流氓. 博主是19年7月毕业的应届生:985.A+学科硕士.2018年的秋招收获了:百度.腾讯.头条.美团.猿辅导.度小满.猫眼.流利说等offer.off ...
零基础JavaScript学习【完结篇】
博主有话说:完结撒花,感谢大家对这个专栏的支持,非常感谢[✿✿ヽ(°▽°)ノ✿] 个人空间:GUIDM的个人空间专栏内容:零基础JavaScript学习基础还是关键. 欢迎大家的一键三连. 给大家 ...
零基础入门学习Python(33)-图形用户界面编程（GUI编程）EasyGui
用户界面编程,即平时说的GUI(Graphical User Interface)编程,那些带有按钮.文本.输入框的窗口的编程 EasyGui是一个非常简单的GUI模块,一旦导入EasyGui模块,P ...
python新手教程从零开始-Python零基础从零开始学习Python十分钟快速入门
原标题:Python零基础从零开始学习Python十分钟快速入门学习Python的,都知道Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言.Python是一种动态解释型的 ...
java学习笔记：零基础java学习路线+配套资料+书籍推荐
公众号菜鸟名企梦2018年,精品文章汇总: 01 我的秋招我的秋招offer 我的offer选择秋招全面总结-必读宝典求职必读 02 零基础学习路线零基础-java学习路线(上) 零基础-ja ...

零基础html学习/刷题-第一期

学习

一、html简介

二、结构

三、标题和段落标签

标题

标签

属性

段落

标签

属性

刷题（第一期）

第一题：

第二题：

第三题：

第四题：

第五题：

零基础html学习/刷题-第一期相关推荐

最新文章

热门文章