本文详细介绍了HTML的基础知识，包括文档结构、核心属性、特有属性以及块级和行内元素的特性。重点讲解了h5新增的语义化标签，如<header>、<footer>等，强调了它们在网页结构中的重要性。同时，还涵盖了表格、表单及其相关元素的使用方法，为网页开发提供了全面的指南。
HTML：超文本标记语言
作用：搭建页面的骨架 【结构】
文件的后缀名：.htm 或者 .html
html文档结构：
<!-- 文档声明 html5 -->
<!DOCTYPE html>
<!-- html文档的根元素 lang是语言种类 en是英文-->
<html lang="en">
<!-- html文档的头部 定义一些文档的配置 -->
<head>
<!-- 定义文档的字符集 UTF-8世界通用 -->
<meta charset="UTF-8">
<!-- 定义IE浏览器的兼容 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 定义了响应式 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 文档的标题 -->
<title>我的第一个html文档</title>
<!-- 定义样式、js -->
</head>
<!-- html文档的体部 -->
<body>
<div>
hello world!
</div>
<div>
你好 世界!
</div>
</body>
</html>
属性：
核心属性：每一个元素都可以拥有的属性
title: 提示信息
id： 元素的唯一值（js）
class： 类名（css选择器）
style： 定义一些样式
特有属性：某些元素特有的属性
空白、实体
空格：无论有多少空格，浏览器都会按照一个空格来处理
标签： pre ： 可以保留空格和换行
实体：
-> 空格
< -> <
> -> >
内容：
-
一、块级元素
1、特点独占一行 宽度默认是父元素宽度的百分百，高度默认由内容或子元素撑开 可以设置宽度和高度2、标签：
div: 无意义的块级元素（没有任何的默认样式） p：段落 默认有一个margin-top margin-botoom h1～h6:标题 默认由字体大小和字体宽度，外边距 ul ：无序列表 子元素：li ol： 有序列表 子元素：li dl： dt dd -
二、行内元素
1、特点共享一行空间，如果放不下则换行显示 宽度和高度都由内容或子元素撑开 默认不可以设置宽高2、标签：
span：无意义的行内元素 a:超链接 1) 超链接（绝对路径、相对路径） 2）锚点 为目标元素定义一个id值，写一个a标签，给a标签的href属性写上目标元素的#+id值 3）发送邮件 href: mailto:邮箱地址 4）target self： 默认在当前页面 _blank：在新窗口打开 b 加粗，强调-----strong i 斜体 ----------em s 斜体 ----------del u 斜体 ----------ins img 图片 src 图片的路径 alt 当图片加载失败的时候，替代图片的文字 title 鼠标放在图片上时的解释文字 width 宽度 height 高度 -
h5新增的语义化标签
header、footer、nav、article、section、aside
-
表格
作用：用来展示数据
table 表格 border 边框 width 宽度 cellspacing> 单元格和单元格之间的距离 cellpadding 单元格和内容之间的距离 bgcolor 背景颜色 align 表格在网页种的水平对齐方式thead 表头
tr 行 th 单元格 //可以加粗居中tbody 表体
tr 行 td 单元格 colspan 跨列数 = 合并单元格 rowspan 跨行数 = 合并单元格 合并顺序： 先上后下、先左后右 三部曲： 先确定是跨行还是跨列 按照合并的顺序找目标单元格 写合并方式 = 合并数量 删除多余的单元格 -
表单
form (输入框、单选按钮、多选按钮、下拉菜单)
1、 表单控件：
Input表单控件
Input控件用于接受来自用户的数据type属性，用于设定控件类型，取值如下： text 单行文本框 password 密码框，输入的内容将会被遮挡。 checkbox 复选框，必须使用value属性来描述该组件所提交的值，使用checked属性默认选中。 radio 单选按钮，必须使用value属性来描述该控件所提交的值，使用checked属性默认选中。一个单选按钮组中所有控件都应该具有相同的name值，这样，每次只能选中按钮组中的某一个控件。 submit 提交按钮 reset 重置按钮 file 文件按钮，该控件用于选中文件系统中的某个文件 hidden 隐藏域，该控件不显示在页面中，但是其值会被提交。 image 图像按钮，必须使用src来加载图片，使用alt来声明替换文本。 button 普通按钮Input表单控件
Input控件用于接受来自用户的数据，其他可用属性如下：name 用于设定控件名和提交数据的属性名 value 用于控件值初始化，可选，涉及到用户输入时，当涉及到选择时，必须选 checked 单选框，复选框默认选中属性 disabled 表示禁用组件，禁用组件的值也不能被提交 size 当前控件的初始宽度，这个宽度以像素为单位。除非控件类型是text, password，这时宽度是整数值，表示字符的数目，默认为20 maxlength 指定可以输入的字符的最大值。适用于控件类型为text,password。select 下拉菜单
option 每一项 //selected = "selected" 默认选项textarea 文本域
button 按钮
lable 用于表示某一表单控件的标题
扫一扫
1178
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
