HTML5教程

html学习笔记（1）

本文主要是介绍html学习笔记（1），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

目录

  • 写在前面
  • 一.什么是html
    • 1.定义及其来源
    • 2.发展
    • 3.关于.html和.htm
    • 4.html能干什么
  • 二.HTML
    • 1.基本结构
      • html
      • title
      • head,body
    • 2.html元素
      • meta
      • body bgcolor
      • body text
      • body link vlink alink
      • body background
      • B 和 I 以及 U
      • p 和br
      • font

写在前面

最近开始学习HTML了，一方面为了分享，另一方面主要进行复习和整理，提前祝愿自己坚持下去哈哈哈
另外文章中的一些名词释义我会有中文法文以及英文的标注，如果有不标准或者错误的地方，还请大佬多多纠正O(∩_∩)O

一.什么是html

1.定义及其来源

HTML的全称为超文本标记语言，即Hypertext Markup Language（langage de balisage d’hypertexte）,本质还是一种标记语言（langage de balisage）。标记语言最早出现于作家用打字机将手稿输入打字机时，由于打字机排版能力有限，他们会在页边空白处添加关于大小、方向、布局或字符选择的信息，也就是“标记”在这里插入图片描述

由于在WYSYWYG文字处理器出现之前，早期计算机文字处理器仍然使用这种内容/形式分离的软件(例如Latex软件)，因此设计师自然地将这个概念应用到网站开发语言

2.发展

到目前位置HTML已经到了HTML5，而每代也都增加了新的功能，例如HTML1是文本（text），到HTML2有了图片（images），HTML3有了图片和视频（image+video），HTML4有了音频（son），而HTML5是增加了矢量图形（SVG）

3.关于.html和.htm

web的扩展名可以进行文件标识，早期进行web工作是在linux系统上，而到了windows系统上遇到了4个字符（html）不兼容的问题，为了解决，则删去了一个字母（ps：感觉好随意哈哈哈）

4.html能干什么

文本 超文本 多媒体 等等等等…

二.HTML

1.基本结构

html主要基本结构有：

<html>
<head>
     <title>这是一个文本</title>
</head>
<body>
     <h1>this is a document</h1>
     <p>c'est un document </p>
</body>
</html>

html

<html>表示从这里开始触发html解释
</html>表示结束

title

title总是放在html,用于更改页面窗口的标题

head,body

分别对应网页的头和身体

2.html元素

meta

<META name="author"content="xxx"> </META>

<META name="robots"content="follow"> </META>
<META HTTP-EQUIV= ' REFRESH ' CONTENT= ' n;url= page address ' >
</META>

声明选项，用于更方便的被搜索到或者是转到其他网页
name=“author” 声明作者，关键字
name=“robots” 声明是否被允许搜索到
HTTP-EQUIV= ’ REFRESH ’ 转到另一网址，n=转到第二网址的延时时间（秒）

body bgcolor

bgcolor 背景颜色

<body bgcolor="颜色代码">
</body>

body text

此处的text 用于设置字体同一颜色

<body text="颜色代码">
</body>

body link vlink alink

link：设置链接颜色
vlink：点击后的颜色
alink：点击时的颜色（用的少）

<body link="#A52A2A" vlink="#0000ff" alink="#00990">
</body>

body background

用于设置背景图片，可以是一个网址，也可以是本地图片地址

<body background="images/图片.jpg">
</body>

前几个综合起来就可以是这样

<body bgcolor="#1E90FF" text="#F8F8FF" link="#A52A2A" vlink="#0000ff" alink="#00990" background="images/图片.jpg">
</body>

B 和 I 以及 U

B：字体加粗
U：字体斜体
I：字体加下横线

<b>hellow world</b>
<u>hellow world</u>
<i>hellow world</i>

当然也可以一起使用

p 和br

p:paragraphe 段落的简写，就是为了写字的
br：用于换行
(注意，br不需要“/”）

<p>c'est un paragraphe</p><br>

font

用于设置字体大小，颜色，风格，也可以用于收集信息（发你邮箱里）

<font face="Comis Sans MS" size="18" color="#181818"></font>
<font method="post" action="mailto:xxxx@qq.com" enctype="text/plain">
</font>

ps:font method里面也可以设置get；font face表示字体风格，风格可以起doc文档里面找上面的字体风格，然后复制粘贴即可

未完待续。。。

这篇关于html学习笔记（1）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航