html

110 阅读2分钟

什么是html

构成网页的基本骨架,通常和JavaScript和css构成一个功能完备的软件。学习html的本质是学习标签

html数据结构:

结构不严谨,但随着html的发展越来越追求结构,浏览器所执行的代码有时和我们所写的代码不一致就是因为浏览器会为了代码的结构性自动调整我们所写的代码,从而造成了页面的混乱。不分大小写

标签的组成

标签是由尖括号和关键字组成<关键字>

标签的分类

html的主要标签:

1.<html>标签表示一个 HTML 文档的根(顶级元素),所以它也被称为*根元素*。所有其它元素必须是此元素的后代。
2.<head>标签存储了网页的元数据 如版权,标题,编码格式等网页信息
3.<body>网页的主体信息。

标签的分类1:

单标题 <关键字>
双标题 开始标签<关键字>  结束标签</关键字>

标签的分类2:

文本标签,表格标签,表单标签,基本标签等

标签的属性

语法<标签+空格+标签属性=标签值>

文本标签

<p> 文本类
<h1>-<h6>标题标签,数字越大标签越小,一般一个页面一级标题只有一个。
<B>粗体 <strong>粗体 <I>斜体 <em>斜体 <u>下划线
<del>删除线

表格标签

一个表格需要以<table>开头,以</table>结束。表格的主要内容需要在标签体中表示,但属性分类要注意,表格主体有属性,表格项亦有属性,它们作用的范围不同,优先级也不同。
<tr>是以表示一个行的开始,而<td>表示的才是确切的表格项内容。

超链接

<a href=''>  是超链接,其中必定包括href属性,href的值可以是锚点,可以是网络地址,可以是绝对路径,也可以是相对路径。当href的属性是锚点时,可以帮助我们实现本页面的返回顶部的功能。如果是其他属性一般是跳到其他页面。当href未指定值时,可以用#暂定(一般规范,可不用遵守)

图片

<img href=''> 是图片标签,其中b必定包含href属性,href用来指定图片位置,可以是本机位置(相对路径和绝对路径),也可以是网络位置。其中有alt属性当图片位置错误时显示。高度属性height和宽度属性width。一般改一个就行,浏览器会自动识别将图片进行等比例的缩小,在不熟悉的情况下,两个都填,极有可能会导致图片压缩或者扩大。