内容整理自《零基础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"
表单输入标签
文本框

效果

密码框

效果

单选框

效果:

复选框

效果:

按钮


效果
