一篇文章了解HTML5

一篇文章了解HTML5

市面上的html5教程冗长且难于理解，实际上html5是一门非常容易入门的语言，本篇文章让你初步了解html5，进入建立网站的大门

认识基本结构

          

          

  
  
  
  

          


认识h5基本结构
两个p之间可以插入文字，也就是段落

处理文字

• HTML使用

  标签定义段落，具体使用方法如下：

 
This is a paragraph.

• 如果你想高亮段落中的某一段文字，可以使用 标签

 我是被高亮的部分

• 如果想加粗某一段文字，可以使用标签

Bold Text Here

• 如果想实现某一段文字的倾斜，可以使用或者标签

Italicized Text Here
Italicized Text Here

• 如果想给文字添加下划线，可以使用标签

mispelled

• 如果想标记某段文字让他显示省略形式，可以使用

HTML

• 如果要标记某段文字被删除，可以使用

Deleted Text

• 如果要插入某段文字，使用

New Text

• 文字的上标和下标

superscript here

subscript here

处理链接

• HTML链接使用标签定义你想定义的东西，东西链接地址在href属性中进行指定。

• 比如你想实现点击某一段文字，打开网页的效果，可以敲入如下代码

我想去的网站

• 上文的链接改成你喜欢的网站链接，即可实现上文所说的效果。

• 如果要链接另外一个标题的话，可以写下如下的代码

First topic
Content about the first topic
Second topic
Content about the second topic
Table of Contents
Click to jump to the First Topic
Click to jump to the Second Topic

• 这段话的意思就是点击jump to first/second Topic 可以跳转到第一/二个标题。

• 当然，链接的内容还可以是电话，例如下面这行代码：

Call us

当有用户点击上面这行代码的时候，他的设备会为他自动跳转电话界面

• 如果想在一个新的窗口打开跳转的网页的话，可以这么处理

Text Here

• 这样就能够在一个新窗口里面跳转了

• 也可以通过href来链接javascript(并不建议这样做)

Run Code
Run Code

• 如果还没有决定好要链接什么，可以用#来代替要链接的内容

Run Code

• 链接到邮箱地址

Send email

Send email

• 如果要在邮箱中省去再打一遍邮件内容和主题的过程，可以加入如下代码

Send email

处理列表

在网页中肯定会有用到列表的时候，那么用h5该怎么去表示呢？

• 有条理的列表

Item
Another Item
 
Yet Another Item

这个在网页中的显示效果大致如下

1. Item
2. Another Item
3. Yet Another Item

• 如果想改成不是1开头的列表的话，在开头加入如下的代码

• 无序列表

Item
Another Item
 
Yet Another Item

• 缩进列表

item 1
 
item 2

sub-item 2.1
 
sub-item 2.2
 
item 3
 

表格

在网页中也有需要用到表格的地方，毕竟你总不能直接截个Excel之类的软件的图放在网页上吧

• 简单表格

 

Heading 1/Column 1
Heading 2/Column 2
 

Row 1 Data Column 1
 
Row 1 Data Column 2
 

Row 2 Data Column 1
Row 2 Data Column 2
 

• 这种简单的表格看上去并不美观，我们可以给他增加行数和列数

 

row 1 col 1
 
row 1 col 2
 
row 1 col 3
 

This second row spans all three columns
 

This cell spans two rows
 
row 3 col 2
row 3 col 3
 

row 4 col 2
row 4 col 3
 

• 如果你觉得还是不够详细，并想把列祖组合在一起的话，可以用下面的代码

 ...

当然我觉得h5自带的表格样式其实挺不好用的，表格相关的我们到了css再说

插入图片和视频

• 插入图片

关于html5最最最基本的东西基本就是这些，了解后可以轻松编写一些简单的网页，但是如果想要做好一个网站，还是需要css和js的帮助.