HTML入门

最新推荐文章于 2024-06-10 23:30:57 发布

这里MMMMMM东西吗？

最新推荐文章于 2024-06-10 23:30:57 发布

阅读量70

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Mxxxxxx_/article/details/119425855

版权

HTML

HTML：超文本标记语言

HTML文件声明：

<!DOCTYPE> html5 的版本说明

HTML 标签的分类：

单标签 | 自闭合标签：在开始标签的最后结束

双标签 | 闭合标签：有开始有结束

HTML常用的标签

<head> 页面的头部设置
<body> 定义给用户看的内容
1. 属性：
  1. 背景颜色：bgcolor
    1. 颜色的英文单词
    2. 颜色的十六进制 #000000
    3. rgb颜色三原色（rgb（0~255），（0~255），（0~255））
  2. 背景图片：background：url("图片地址")
<title> 标题标签
p 标签（块元素）
1. 段落标签
2. 前后换行
a 标签（行元素）
1. 超链接标签
  1. 属性
    1. href ：定义链接地址（必填属性）
      1. 相对地址
      2. 绝对地址
      3. 如果为"#"，那么会回到页面头部
    2. title ：当鼠标悬停在内容上的时候，显示的提示字
    3. target ：打开方式
      1. _self ：原页面打开
      2. _blank :新页面打开
img 图像标签
1. 属性：
  1. src 图片的路径地址（相对路径、绝对路径）
  2. alt 当图片无法正常显示的时候，显示的提示字
  3. title 当鼠标悬停在内容上的时候，显示的提示字
span 帮助更方便的为元素添加样式（行元素）
div 块
1. 可以嵌入任意标签元素（行内元素和块元素）
h1~h6 标题标签
1. 根据权重不同，大小会依次减小
列表标签
1. 无序列表
  1. ul 修改列表项标记在ul标签上 type="square"实心方块 circle空心圆圈默认desc实心圆圈
  2. li 列表项
2. 有序列表
  1. ol 修改列表项标记在ol标签上 type-> 1 a A i I
  2. li 列表项
3. 列表项可以嵌套
  1. 有序嵌套无序
  2. 无序嵌套有序
  3. 无序嵌套无序
  4. 有序嵌套有序
4. 注意：
  1. 所有的内容在列表中必须定义在列表项中
  2. ul|ol标签中直接子元素只能包含li,li中可以包含任意内容
  3. 块元素中可以包含任意内容(普通文本,其他块元素,其他行内元素)
  4. 行内元素中可以包含任意内容(普通文本,其他行内元素)
table 表格标签
1. tr 行
2. th 表格头单元格居中加粗
3. td 表格体单元格
4. 属性样式
  1. border边框
  2. bordercolor 边框颜色
  3. style="border-collapse: collapse" 双线变单线
  4. colspan跨列 ****
  5. rowspan 跨行 ****
  6. height 高度
  7. width 宽度
  8. align 对齐方式
5. 注意：
  1. 先有行再有列
  2. 内容需要放在单元格中
form表单 : 收集用户输入的数据
1. 属性：
  1. action 提交位置
  2. name 表单的名字
  3. method 提交方式
    1. get 数据拼接到url地址栏中进行发送不安全默认提交方式效率较高
    2. post 数据在请求体中, 安全 ,大小没有限制
  4. enctype ：当表单中需要存在文件上传，才需要做一些修改
2. 表单元素：定义在form标签中的元素
input 标签
1. type 属性：
  1. text 普通文本框
  2. password 密码框
  3. radio 单选框
    1. 多个单选框要把它们分成一组（name属性相等就是一组）才能实现只选择一个
    2. checked 默认选中
  4. checkbox 多选框
    1. name属性相同就视为是一组
    2. checked 默认选中
  5. file 文件上传
    1. 注意要修改enctype的值 enctype="multipart/form-data"
  6. reset 重置
  7. submit 提交
  8. button 按钮
  9. hidden 隐藏框
textarea 多行文本域
select 下拉框
1. option 下拉列表选项
2. selected 默认选中
fieldset 分组
1. legend 分组标题
label 添加标注
1. 要使文本内容与标党标签进行绑定

所有的块元素都存在一个属性:

         align 水平对齐

                方式

                         left 、right、center、justify（两端对齐）

这里MMMMMM东西吗？

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门

HTML HTML：超文本标记语言 HTML文件声明： <!DOCTYPE> html5 的版本说明 <meta charset="UTF-8"> 保证一个文件的编码格式和解码格式保证统一，不会出现乱码的情况 HTML 标签的分类：单标签 | 自闭合标签：在开始标签的最后结束双标签 | 闭合...
复制链接

扫一扫