1. HTML页面主要由声明、头部、主体三部分构成。

2. 头部及其meta标签，以及主体的title标签很重要，对SEO、搜索优化等很重要。

3. 常用的charset编码格式有2种，一种是utf-8，国际通用；一种是gb2312，国内最常用。

4. HTML语言是标记性语言，标签都为语义化标签。

5. 文本格式化的标签：

加粗<b>bold</b>和<strong></strong>，区别是strong的语义为强调。

斜体<i>italic</i>和<em>emphasis</em>，区别是em的语义为斜体。

删除线<s>strike罢工</s>和<del>delete</del>，更新换代，新版本html多用del标签。

上标<sup>上标</sup>和下标<sub>下标</sub>标签。

6. div标签表示一个区块，没有实际语义，属于布局标签。

7. 列表：有序列表、无序列表、自定义列表definition list

自定义列表definition list：定义条件和定义描述

<dl>
  <dt>1定义条件</dt>
    <dd>第一条信息定义描述</dd>
  <dt>2定义条件</dt>
    <dd>第二条信息定义描述</dd>
</dl>

有序列表的项目符号

<ol type="1">12345……</ol>

<ol type="a">abcde……</ol>

<ol type="A">ABCD……</ol>

<ol type="i">小写罗马数字</ol>   i是小写的英文字母i

<ol type="I">大写罗马数字</ol>  I是大写的英文字母I

无序列表的项目符号

<ul type="circle">项目符号为空心圆</ul>

<ul type="disc">项目符号为实心圆</ul>

<ul type="square">项目符号为实心方块</ul>

8. table标签自带三个属性：border边线、cellspacing单元格间距、cellpadding单元格内边距。

9.合并表格的行和列

<td rowspan="合并的行数“></td>  要删除相应的被合并的行的td。

<td colspan="合并的列数"></td>   要删除相应的被合并的列，即同一行的td。

10. 空标签又叫void element空位元素又叫自闭合标签。

11. <!doctype html>就是html5的声明，<meta charset="utf-8">要放在头部区域的最前面。

12. 注意<!doctype html>是声明，是放在<html>上面的，而不是来代替<html>的。

YY前端课1的更多相关文章

  1. YY前端课程5-6

    第五次课内容: 1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible 2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的) 3. 开放标 ...

  2. YY前端课程-自习

    1. 默认的浏览器字体 100% = 1em  =1rem =16px  =12pt em继承父元素,rem只继承html根元素 2. text-align水平对齐影响一个元素中文本的水平对齐方式,控 ...

  3. YY前端课程4

    1. CSS和HTML一样,也是标记语言 2. CSS有三种样式:嵌入样式.内部样式(行内样式)和外部样式(外部样式表) 3. CSS的语法:选择器+{一个或多个样式} 4. 选择器是为了找到html ...

  4. YY前端课程3

    1. 常用的字符实体(html实体):空格=      <=<       >=>       版权符号=© 2. ID就像身份证号一样,是唯一的,html页面的ID不能重复: ...

  5. YY前端课程2

    1. alt属性对SEO优化很重要 2. 最早的网页是靠table布局标签,后来用div+css进行网页重构(因此现在网页设计的名字由网页设计变成了网页重构) 3. 静态网页和后台没有交互 动态网页和 ...

  6. YY前端笔试总结

    1.一个元素float以后.为什么要清除浮动?清除浮动的方法有哪些? 浮动确实是经经常使用,也知道清除浮动的必要性.但要我道个所以然,还是得绞尽脑汁.我个人的理解是,当一个元素float以后,就脱离正 ...

  7. 前端小白要搞懂什么是HTML，看这一篇就够了

    本文是<HTML5与CSS3基础语法自学教程>的第一篇,首发于[前端课湛]微信公众号. 导读:本小节主要讲解 HTML 的基本信息,其中包含 HTML 概念.HTML 发展历程和 HTML ...

  8. HTML5 页面制作工具

    https://www.zhihu.com/question/30087283 HTML5 页面制作工具 免费的基于 HTML 5 的 Web Apps 生成器工具网站     81 235 初页 制 ...

  9. html相对定位绝对定位

    孔子说:“温故而知新,可以为师矣.”这几天参加了一个免费的前端课,每天晚上都有直播,讲解一个独立的案例.在听前端基础的时候,发现自己有不少东西没学会,平时在学校虽说html也写了不少,但有好大一部分都 ...

随机推荐

  1. InnoDB事务隔离级别

    转载于:http://blog.csdn.net/wudongxu/article/details/8623610 SQL标准定义了4类隔离级别,包括了一些具体规则,用来限定事务内外的哪些改变是可见的 ...

  2. symfony安装笔记

    下载http://symfony.com/download,这里版本是2.8 将D:\ApacheServer\php路径添加到环境变量path中,在cmd命令行中可以执行php命令 打开php.in ...

  3. MFC编辑框字体大小调节（转）

    在学习MFC中需要调整编辑框中的字体大小,以下是我结合网上与自己实际操作总结的,希望对其它同学有所帮助.       首先,了解以下函数原型:BOOL CreateFont( int nHeight, ...

  4. 扩展GridView实现的一个自定义无刷新分页，排序，支持多种数据源的控件TwfGridView

    最近项目View层越来越趋向于无刷新化,特别是数据展示方面,还要对Linq有很好的支持.在WebFrom模式的开发中,GridView是一个功能很强大,很常用的控件,但是他也不是完美的,没有自带的无刷 ...

  5. EF事务嵌套

    EF中采用的是数据上下文DbContext,当针对数据库的所有操作共用一个数据上下文的时候,会使用同一个连接对象,因此连接打开一次,最后Save的时候关闭连接,避免了频繁的创建连接对象打开关闭,这在一 ...

  6. Editplus配置VC++(2) 与/d1reportSingleClassLayout

    前篇文章:Editplus配置VC++(1) 及相关注意事项 VC++有两个隐含编译选项/d1reportSingleClassLayout和/d1reportAllClassLayout   /d1 ...

  7. nodejs路由的部分通配

    1. 占位标识符/:id app.get('/post_api_post_data_ren/bet/follow/:gameEn',function(req,res){ console.log(req ...

  8. jquery.dataTables--插件使用方法

    本文共四部分:官网 | 基本使用|遇到的问题|属性表 一:官方网站:[http://www.datatables.net/] 二:基本使用:[http://www.guoxk.com/node/jqu ...

  9. UE4 使用UGM制作血条

    声明:本文是自己做的项目,可能不是最好的方法,或有错误使用方式.各位不喜勿喷! HP进度 HP背景 将上面的资源拖到UE4中(使用UE4自带的颜色也可实现效果,具体参考官方教程 https://doc ...

  10. Python -- 数据加载、存储与文件格式

    标签(空格分隔): Python 读入读出通常可以划分为几个大类:读取文本文件和其他更高效的磁盘存储格式,加载数据库中的数据,利用Web API操作网络资源. 读写文本格式的数据 pandas提供了一 ...