JavaWeb01-HTML篇笔记（一）

1.1 案例一：网站信息页面的显示：1.1.1 需求：
在网页中显示网站的信息的页面：效果如下：

1.1.2 分析:1.1.2.1 技术分析：
【HTML的概述】
? 什么是HTML
HTML:Hyper Text Markup Language --- 超文本标记语言.

  • 标记语言：指的是通过一组标签的形式描述事物的一门语言.
  • 超文本：比普通的文本更强大.
    ? HTML的作用
    HTML是用来制作页面(静态页面).
    ? HTML在那些地方使用
    在设计网站的页面的时候都要使用到HTML.
    【HTML的使用】
    ? HTML的文件的创建
    一个HTML文件,扩展名是.html或者.htm结尾
  • 01.html
    ? HTML的结构标签
  • 跟标签:<html></html>
    • <head> -- html的头标签
    • <body> -- html的体标签
      【HTML的字体标签】
      ? <font>标签:HTML中的字体标签.

使用：<font>文字</font>

  • <font>标签的属性:

    • <标签 属性名=”属性值” 属性名=”属性值”></标签>
    • 属性:
      • color属性:字体颜色

        • 英文单词设置:black,red,green,blue...
        • 使用16进制数设置:#FFFFFF , #FFF
      • size属性:字体的大小
      • face属性:字体
  • 基本使用： 
    <font>我是HTML!</font> <br/>
<font color="red">我是HTML！</font><br/>
<font color="#FF0000" size="1">我是小红！</font><br/>
<font color="#00FF00" size="7">我是小绿！</font><br/>
<font color="#0000FF" size="100">我是小蓝！</font><br/>

    【HTML的排版标签】
    ? 标题标签：h标签<h1>...<h6>

一级标题

二级标题

三级标题

? 段落标签：p标签

一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容

一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容

? 字体加粗标签：b标签
黑马训练营
? 字体斜体标签：i标签
黑马训练营
? 字体下划线：u标签
黑马训练营
? 居中标签：标签
内容
1.1.2.2 步骤分析:
【步骤一】创建一个HTML的文档
【步骤二】设置标题
【步骤三】设置四个段落
【步骤四】使用字体标签将第一个段落中的某个部分的内容变为红色.
1.1.3 代码实现:
```

网站信息页面

公司简介


```
“中关村黑马程序员训练营”是由传智播客联合中关村软件园、CSDN，并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。 目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。

黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”，必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确保学员质量，并降低企业的用人风险。

中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新，不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。

一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、 开放和协作，努力打造高质量的IT人才服务平台。

1.1.4 总结:
```
HTML有标准:
* HTML4
*
* HTML5:支持视频播放,支持CSS3,支持定位,扩展标签...
*

标签：原生标签.


标签：横线.

```


JavaWeb01-HTML篇笔记（一）


原文地址：http://blog.51cto.com/13517854/2107606
				


				
时间： 2024-08-25 17:12:35

JavaWeb01-HTML篇笔记（一）的相关文章

python采用pika库使用rabbitmq总结，多篇笔记和示例（转）

add by zhj:作者的几篇文章参考了Rabbitmq的Tutorials中的几篇文章. 原文:http://www.01happy.com/python-pika-rabbitmq-summary/ 这一段时间学习了下rabbitmq,在学习的过程中,发现国内关于python采用pika库使用rabbitmq的资料很少,官网有这方面的资料,不过是都英文的.于是笔者结合自己的理解,就这方面内容写了一些示例,总共有七篇笔记,分享出来. 笔记依次是循序渐进的,笔记内贴出的代码笔者都实际运行过,运

cocos2d0基础篇笔记一

1.了解了基本的几个类:Director(导演),Scene(场景),Layer(层),Sprite(精灵): 2.创建精灵: CCSize visiblesize=CCDirector::sharedDirector()->getVisibleSize(); CCSprite *sprite=CCSprite::create("sprite.png"); sprite->setPosition(ccp(visiblesize.width/2,visiblesize.hei

鸟哥的Linux私房菜——基础学习篇 —— 笔记2

at 语法 == 注意,输入at之后便进入命令行模式 ------- 不管怎么样,只会执行一次. [test @test test]# at [-m] TIME (输入工作指令)[test @test test]# atq (查看当前工作流程)[test @test test]# atrm [jobnumber] (删除流程) -m :执行at规范的工作流程时,将屏幕输出结果mail给输入指令的用户TIME :时间格式,有如下几个: ================== 格式有多种,但没有可以间

复制一篇笔记

  文 我的 Sublime Text 必备插件 sublime-text3 mqliutie 2015年05月09日发布 推荐 8 推荐 收藏 106 收藏,15.7k 浏览 常用插件 : SideBarEnhancements HTML-CSS-JS Prettify BracketHighlighter SublimeCodeIntel Emmet CTags Markdown Editing 和 Markdown Preview SideBarEnhancements Sublime T

今天一激动，把废弃bd空间的几篇笔记搬过来了

今天一激动,把废弃bd空间的一些笔记搬过来了. :D 杨絮春风漫天飞,桃李万言拂晓中 长空远望,黄土飞尘:生于婆娑,黄驹过隙:纳于精进,一帆远航.

Verilog HDL那些事_建模篇笔记（实验七：数码管电路驱动）

1.同步动态扫描 多个数码管的显示采用的是同步动态扫描方法,同步动态扫描指的是:行信号和列信号同步扫描,是一种并行操作. 2.数码管驱动电路实现思路      如果要求数码管显示我们想要的数字,首先需要写一个数据接收模块,这个模块接收数据之后需要做什么样的处理呢?这时候我们会想到两个数码管,其中一个显示十位数字,另一个显示各位数字,即把这个数据的十位传给其中一个数码管,各位数字传给另一个数码管来显示.这样我们就会明确了:数据接收模块需要将接收的数据进行拆分,分别输出其十位数据与个位上的数据 程序

第一篇~笔记

怎么说呢 毕竟第一次写这种东西 还是写个开栏语吧 专业是计算机应用与技术,但是鄙人爱好不限于此 喜欢艺术 我也不知道写啥子嘛 反正写了也没人看,看了的也不一定关注, 关注了的也不一定喜欢我 就写一些个人笔记吧 就这样吧 原文地址:https://www.cnblogs.com/xpblog/p/8443437.html

菜鸟学Linux 第003篇笔记 Linux操作系统和常用命令1

认证:Authentication 授权:Authorization 审计:Audition (log日志) magic number:魔数 pwd:Print Working directory  显示当前路径 list: ls  用来列出当前目录或指定目录下的文件默认显示当前目录 选项 -l 显示文件属性 文件属性 第1位所显示字符的含义 -:普通文件 d:目录文件 b:块设备文件(block) c:字符设备文件(character) l:符号链接文件(symbolic link file)

ms project（第一篇笔记）

http://v.youku.com/v_show/id_XNzY0Nzg5MjY0.html?from=s1.8-1-1.2 http://wenku.baidu.com/view/7bb17abc1a37f111f1855be7.html WBS(Work Breakdown Structure 工作分解结构) 与项目团队成员一起制作. 几个关键事件: 1. 确定所有任务 2. 确定一个大概的任务工期 原则: 完成这两个事件,需要项目经理与项目成员一起分工与配合,协商完成 1. 列出所有任务