html的学习

内容整理自《零基础HTML入门教程》| 陈文阳

致敬原作者,感谢好书带来的启发

网站与网页

什么是网站

一个网站就是互联网上的一个站点,大家可以通过浏览器访问他们,获取一些特定的信息。

什么是网页

网页就是网站的一个页面,一般来说网站都是由许多网页构成的。

HTML

HTML定义

HTML(HyperText Markup Language)语言,翻译就是超文本标记语言,是用来编写网页内容的语言。

HTML特点

HTML是通过标记来描述网页的各个部分的。HTML的标记不是通过位置来实现的,而是通过标签。以开头,以结束。

HTML标签

表示HTML网页 :  html

表示网页的头部 : head

表示网页的标题 : title

表示网页的内容 : body

水平线 : hr

换行:br

注释 : !-- xxx --

图像 :

超级链接

跳转指定网址页面:

跳转当前网站其他网页:

在新窗口中打开网页(使用target属性,当target属性值为_blank时,点击超链接会弹出新窗口打开网页):

列表

概念:多个元素可以组合为列表,列表的元素一般是垂直排列的。

无序列表:标签为ul

有序列表:标签为ol

表格

用table标签定义表格,用border属性定义表格边框的宽度。

tr编写行,在行里面编写列td。

页眉

表格要有标题,将标题放到页眉里面。标签为 thead, 标题列的标签为 th。定义页眉后,将行列放到表格的主体 tbody 标签内部,更规范。

页脚

显示附加信息,  标签为  tfoot。(用的较少)

标签的属性

属性一般用来给标签增加描述,是一种参数设置,但是一般不会在也页面上显示。例如meta charset="utf-8"中,charset 就是标签的标签的属性,而charset="utf-8"表示 给该属性设定了值为utf-8。

标签的格式

label是标签, yyy是内容, property是属性名, xxx是属性值。

设置网页标题

HTML的标题有6个级别,对应标签分别是h1, h2, h3, h4, h5, h6。

添加网页段落

在HTML中,使用p标签来描述一个段落。div 标签效果与之类似。

块级元素和行级元素

块级元素会自动换行,如p标签,div标签。

行级元素不会换行,如span标签。(span标签包裹起来的部分,可以单独为其设置效果)

表单

含义:HTML通过表单及输入标签,实现用户输入内容的收集。

标签:from  /from

属性:action 表示表单提交后,哪个后台程序负责处理这个请求,表示: action="#",method 可以选择get/post值,表示:method="get"

表单输入标签

文本框

效果


密码框


效果


单选框


效果:


复选框


效果:


按钮

效果


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容