认识html 本质: html是预定好了一堆标签,这些标签都有特殊含义
这里的"超"指的是"超链接"的意思
它是由"标签"和"属性" 组成
标签分为:
围堵标签:格式为内容
自闭和标签:格式为
文章图片
属性分为:
样式属性：已被css淘汰，为了满足css, html造出了比较干净的标签：div(块级元素:默认独占一行);
span(行内元素:默认在一行中显示);
功能属性:
id:每一个标签都可以使用的属性, 建议这个值唯一, 一般在js中会用这个id属性
class:类别, 一般将多个标签归类, 可以通过css的语法, 进行统一样式控制(类选择器, 使用方式: .类值{ 样式属性 })
name:表单项标签才会使用
value:表单项标签才会使用
img中的src:图片的路径, 可以是本地路径, 也可以是网络路径
a中的href:a标签的跳转路径,可以是本地路径, 也可以是网络路径
常见的标签：(不完全统计根据个人使用习惯)
页面结构：
跟标签
表示头标签
表示身体(标签内容)文本：
标题标签, h1最大, h6最小
段落, 段与段之间有空行
字体倾斜
字体变粗
下划线
配合表示有序标签
配合表示无序标签图片：![]()
src:用来指定的路径, 网络路径和本地路径(./表示当前路径；../表示上一级路径)
title:鼠标悬停的时候显示的内容
alt:当图片找不到的时候显示的默认
注意: 图片是有默认宽高比, 但凡改了一方, 另外一方随之改变, 除非两个都指定
图片有可能超出标签的范围, 如何解决: 设置他的宽度为100%, 占满父元素的100%超链接：
href:编写路径,网络路径和本地路径,路径的写法和img的src一模一样
target:_self(默认值)在当前页打开;
_blank;
在新的窗口打开
缺点: 自带了下划线:可以用text-decoration:none;
取消下划线
优点: 自带了鼠标变小手的样式圈定一个范围, 该范围中所有的表单项都会被提交: