第一天学习,了解到html的结构和语法。

　　html的语法:

　   　　1.所有的html标签都要放在<>尖括号里.

　　　　2.标签不分大小写 建议小写

　　　　3.标签中的属性与标签名之间要有一个空格,如多个属性,属性与属性之间也要空格

　　　　4.标签中的属性需加引号,单双都可

　　　　5.标签之间的嵌套只能顺序嵌套

　　什么是属性?可以理解为如一个人的名字、性别、身高、体重等的特性。

　　html的结构由<html><head></head><body></body></html>组成。

　　最后总结下今天学的单词，还有常见的属性。

　　　　<font></font>设置颜色 字体 大小
　　　　属性 color颜色 size大小 face字体
　　　　<font color="red" siz="7" face="楷体">

　　　　<body>常见属性
　　　　background 背景图片
　　　　bgColor 背景颜色
　　　　topmargin 上外边距

　　　　html注释: <!--内容-->

　　　　<b></b>或<strong></strong> 加粗
　　　　<i></i>或<em></em> 斜体
　　　　<u></u>或<ins></ins> 下划线
　　　　<sub></sub> 下标
　　　　<sup></sup> 上标
　　　　<s></s>或<del></del> 删除线
　　　　<p></p> 段落标记
　　　　<br> 换行
　　　　<hr> 水平线
　　　　<pre></pre> 预排版标记 保留空格与换行

　　　　<h1></h1>~<h6></h6> 设置标题

　　　　无序列表格式:
　　　　<ul>
　　　　　　<li></li>
　　　　　　<li></li>
　　　　　　<li></li>
　　　　</ul>
　　　　type:这个属性可以给ul设置也可以给li设置 取值:disc(实心圆) circle(空心圆) square<实心小方块>
　　　　有序列表格式:
　　　　<ol >
　　　　　　<li></li>
　　　　　　<li></li>
　　　　　　<li></li>
　　　　</ol>

　　　　<ol></ol>标签里的属性type一般取值1、a、A、i、I,satrt从哪开始至要求是数字。

　　

html_day1的更多相关文章

  1. Web前端之html_day1

    1.html结构 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html>   <html lang="en"> <head> ...

随机推荐

  1. Test failed.尝试加载Oracle客户端库时引发BadImageFormatException

    CodeSmith6.5不像前几个版本,需要用户手动添加oracle驱动,内部已经集成了oracle的驱动. 网上遇到很多win7 64位机子使用CodeSmith连接oracle的时候出现错误如下:

  2. 单例模式（Singleton）详解——转载

    单例模式(Singleton) 首先来明确一个问题,那就是在某些情况下,有些对象,我们只需要一个就可以了, 比如,一台计算机上可以连好几个打印机,但是这个计算机上的打印程序只能有一个, 这里就可以通过 ...

  3. 关于IE11

    最近,一个开发代号为Windows Blue的Windows操作系统泄漏到了互联网上,该操作系统的内置浏览器为IE11,本文将介绍一下这个泄漏版的IE11中有哪些关键的新变化和新特性. 预先声明: 本 ...

  4. jquery操作iframe

    query取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页 ...

  5. oracle 全文检索

    一.使用 sys 用户登录oracle (1)运行—cmd—sqlplus — sys/密码 @连接字符 as sysdba 二.授权 1.grant ctxapp to 全文检索使用用户: 2.gr ...

  6. 使用cocoapods后 三方库的头文件没有代码提示？

    选择Target -> Build Settings 菜单,找到\”User Header Search Paths\”设置项 新增一个值"${SRCROOT}",并且选择\ ...

  7. cocos2dx 碰撞检测

    //必须 要有float类型的参数 void MainScene::updateFrame(float dt) { if (spriteTest != NULL && spriteTe ...

  8. OD调试9—实例：深入分析代码完成软件破解

    OD调试9—实例:深入分析代码完成软件破解  爆破,是最初级的解决方案,不到万不得已,我们不直接修改JNZ通关.因为这样子的话,我们就享受不到破解.逆向的真正乐趣了. 了解程序背后按照剧情发展经常会出 ...

  9. jquery.BannerRotator.js

    项目地址:https://github.com/snipertulip/BannerRotator 演示地址:http://snipertulip.github.io/BannerRotator/de ...

  10. Jasper_dataSource_CSV data source config

    (1)    open eclipse Repository Explorer Window->Show View->Other-> Repository Explorer-> ...