HTML学习

[TOC]

HTML基础知识

HTML标签

标签不区分大小写,推荐小写

标签种类

双标签(体标记) :格式如标记名>.由开始和结束两个标记符组成的标记.

例子:实验楼 (第一个尖括号内科对属性进行设置)

//html是根标记

//标记用于定义 HTML 页面的标题,必须位于标记之内。只能有一对 //标记用于定义 HTML 文档所要显示的内容.在之后.是用户所看到的.//用于对齐文字

标签定义段落。

// 标签定义超链接,用于从一张页面链接到另一张页面。

// 元素最重要的属性是 href 属性,它指示链接的目标(指向标签)。

例子:实验楼

//另一个属性是name属性,创建文档内的书签

查看冬天。

点击查看冬天则跳转到冬所在行

//target 属性:用于指定链接页面的打开方式,其取值有 _self(默认) 和_blank(新开一个页面)

单标签(空标记) :格式如: ;


标签关系

嵌套关系

并列关系

HTML 列表

有序列表(ol),无序列表(ul)以及自定义列表(dl)。

有序列表(ol)

语法格式:

属性有 type start两种.type默认为数字列表(可设为"1","a","A","i","I");

无序列表(ul)

ul 的 type 属性:默认值(实心圆): disc,方块: square,空心圆: circle。

自定义列表(dl)

名词1开始。
名词1解释1
开始。

HTML 元数据

标签提供关于 HTML 文档的元数据:描述(description)、关键词(keywords)、文档的作者(author)等其他元数据。在

标签中

HTML 块

块级元素总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示。宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制。

常见块级元素:

,

,, 。

内联元素常见内联元素:,, ,

内联元素在显示时通常不会以新行开始。

HTML 布局(div,span)

table 元素布局:

优点:

理解比较简单。

不同的浏览器看到的效果一般相同。

table 在显示数据时更加方便

缺点:

显示样式和数据绑定在一起。

布局的时候灵活度不高。

一个页面可能会有大量的 table 元素,代码冗余度高。

增加带宽。

搜索引擎不喜欢这样的布局。

div 元素布局:

优点:

符合 W3C 标准。

搜索引擎更加友好。

样式的调整更加方便,内容和样式的分离,使页面和样式的调整变得更加方便。

节省代宽,代码冗余度低。

表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。

一些其他的属性

lang 属性:规定元素内容的语言。在以下标签中无效:,
, ,

,


, , 以及

html结课优秀表单作品,HTML 表单相关推荐

  1. 【web结课大作业】创建一个注册页面并引用正则表达式,点击注册按钮后可以弹窗显示刚刚注册输入的信息(表单传值)

    这个代码有借鉴其它博主的部分,借鉴了别的博主的css样式和框架(嘻嘻算是站在巨人的肩膀上),内容自己改了七七八八.参考博文如下(这个原博文只能实现正则判断,没有表单传值功能): HTML--登录.注册 ...

  2. 实战课【1】jQuery实现表单校验及布局

    实战课[1]jQuery实现表单校验及布局 在学习完html,css,js,mysql,jdbc,Servlet,filter,ajax,maven等web基础知识后,开始进行项目实战.此文就会记录在 ...

  3. 计算机组装装机论文,计算机组装与维护结课论文我的装机单.doc

    计算机组装与维护结课论文我的装机单 青 岛 农 业 大 学 本 科 生 课 程 论 文 论 文 题 目 我的装机单 学生专业班级 学生姓名(学号) 指 导 教 师 完 成 时 间 2012-6-1 2 ...

  4. HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS)

    HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适 ...

  5. HTML网页设计结课大作业~仿凡客服装商城主页纯HTML模板源码(HTML+CSS+JS)

    HTML网页设计结课作业~服装商城主页纯HTML模板源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多 ...

  6. HTML5期末大作业:宠物网站设计——布偶猫(7页)带留言板 HTML+CSS+JavaScript web结课作业的源码 web网页设计实例作业 html大学生网站开发实践作业...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

  7. JavaWeb登录注册系统/界面(邮箱验证码,数据库连接,详细注释,可作结课作业,可用于学习,可接入其他主系统)

    目录 1.前言 2.系统实机演示 3.系统分析与设计 (1)主要软件与工具 (2)系统分析 (3)系统规划 4.系统设计与构建 (1)JavaWeb创建 (2)JavaWeb运行 (3)先期依赖准备: ...

  8. 信息安全概论结课总结

    信息安全概论结课总结 基础知识与技术 主动攻击与被动攻击 是否对信息产生破坏 五类安全服务: 1.    认证: 2.    控制访问: 3.    数据保密性: 4.    数据完整性: 5.    ...

  9. ajax合并表单,ajax。表单

    JQuery读书笔记--JQuery-Form中的ajaxForm和ajaxSubmit的区别 JQuery中的ajaxForm和ajaxSubmit使用差不多功能也差不多.很容易误解. 按照作者的解 ...

最新文章

  1. TiDB 数据库的 4 大应用场景分析
  2. Windows 下使用 SNMP 来管理网络
  3. java面试题十五 for循环一个题目
  4. iOS手势操作简介(三)
  5. 开课吧课堂:finally如何使用?作用是什么?
  6. 一款用C++语言实现的3D游戏引擎(附源码),适用于想学3D游戏开发
  7. matlab矩阵乘法不同行,矩阵乘法在numpy/matlab/数学上的不同
  8. unity3d棋牌游戏教程之手机斗地主的发牌功能实现
  9. linux中查看rpm包位置,linux中,查看某个命令是来自哪个RPM包或者是通过哪个RPM包安装的...
  10. 微信公众号迁移公证办理流程
  11. 项目采购管理和干系人管理
  12. UI设计--蓝湖切图
  13. # 互联网相关职位--英文名词缩写及解释
  14. Pandas如何读取保存Excel
  15. 中级前端工程师应该具备什么技术
  16. 【正点原子FPGA连载】第三十一章RTC实时时钟数码管显示实验 -摘自【正点原子】新起点之FPGA开发指南_V2.1
  17. U盘中的数据被格式化了怎么恢复?原来数据恢复也很简单
  18. 使用 Python 进行 socket 编程
  19. 亚马逊测评技术怎么样?赚钱吗?
  20. [附源码]java毕业设计郑工校园二手交易平台网站

热门文章

  1. 事务1-spring 事务支持
  2. 记录一次KVM宿主机的故障恢复
  3. 华为niva是不是搭载鸿蒙系统,华为将发布首款搭载鸿蒙系统手机? 新品或为“nova 5T”,与鸿蒙无关...
  4. Could not find artifact com.zst:common:jar:0.0.1-SNAPSHOT in
  5. 连接HP C7000 OA管理口操作文档
  6. 如何利用你电脑里的Photoshop软件来制作带水印的图片呢?
  7. ECharts---一个非常炫酷好用的图表库。发现自己写的好详细。怪不得当时弄那么久。
  8. Tensorflow实现BP神经网络
  9. LWN:DVB与头文件和用户空间的regression!
  10. 什么是OpenAPI?