html笔记

p标签: 段落标签
br标签: 简单换行
h1-h6: 标题标签
hr标签: 水平分割线, 华丽的分割线
font标签: color属性改变颜色 , size
b标签: 加粗
i标签: 斜体
strong标签: 带语义的加粗
em标签: 斜体标签,带语义
img标签: 图片标签 显示图片

  • src: 指定图片路径(相对路径)
  • width: 宽度
  • height: 高度
  • alt: 图片加载失败时的提示

相对路径:

  • ./ 代表当前路径
  • ../ 代表的是上一级路径
  • ../../ 代表的是上上一级路径

ul标签: 无序列表
ol标签: 有序列表
li标签: 列表项

a标签: 超链接标签:

  • target: 打开方式
  • href: 指定要跳转的链接地址

table标签: table > tr > td

  • tr标签: 行
  • td标签: 列
    • 合并行: rowspan 跨行合并
    • 合并列: colspan 跨列合并
      网站注册案例:
  • form 标签: 表单标签,主要是用来向服务器提交数据
    • method: 提交方式 get post
    • action : 提交的路径
      • input 标签:
        • type:
          • password: 密码框
          • text : 文本
          • submit: 提交
          • button: 普通的按钮
          • reset: 重置按钮
          • radio: 单选按钮 设置name属性让它们是一组
          • checkbox: 复选按钮
          • email:
          • date:
          • tel:

frameset : 框架标签

  • rows:按行划分页面
  • cols:按列划分页面

frameset使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务器后台管理页</title>
</head>

<!--
    frameset 不需要body
    cols:按列划分页面
    rows:按行划分页面
-->
<frameset width="100%" height="100%" rows="15%,*">
    <frame src="nav.html">
    <frameset cols="10%,*">
        <frame src="mark.html">
        <frame src="content.html" name="contentMark"> <!-- 这里命名为contentMark,那么可在标签栏中设置target=“contentMark”指定在此页面打开 -->
    </frameset>
</frameset>
</html>

mark页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul  type="none">
    <li>
        <a href="index.html" target="contentMark">首页</a>
    </li>
    <li>
        <a href="login.html" target="contentMark">登录页</a>
    </li>
</ul>
</body>
</html>

推荐阅读更多精彩内容

  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 271评论 0 1
  • HTML计算机代码 HTML键盘格式 kbd元素定义键盘输入 打开一个文件,选择 File |Open... ...
    Vanessa0111阅读 140评论 0 0
  • 元素会创建包含另外一个文档的内联框架(即行内框架); 一、align 属性(不赞成) align属性规定ifram...
    puxiaotaoc阅读 16,794评论 0 14
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 22,063评论 1 45
  • 我今天一放学回来就开始写字! 我写完了数学作业,精疲力尽的跟奶奶说:“能不能明天写?” 奶奶说:“好的,吃饭了!”...
    可爱的小陈晨阅读 40评论 0 0