html怎么将文本放在下路线上,HTML

HTML的基本结构

所有HTML标签都以<>开头 以结尾>，自闭合标签<>>都可；

网页中内容都需在< body> 标签中；

1. 网站的基本标签

1.标题标签h1~h6

2.段落标签

3.换行标签

4.水平线标签

---

5.字体样式标签,

6.特殊符号标签 &nbsp空格,&gt大于,&lt小于,&copy版本符号

2.图像标签

3.超链接

1.基本使用

target： _self : 本窗口打开? _blank： 新窗口打开

2.锚链接

用于页面间指定位置跳转

锚点：

同一页面跳转到锚点

链接名

不同页面中跳转到锚点

链接名

3.功能性标签

邮件链接

链接名【联系我们】

4.块元素，行内元素

块元素：独占一行

行内元素：由内容长度决定行数

八戒个人简介

猪八戒

---

基本信息

人物介绍

使用武器

回眸照

....

....

....

列表

无序列表ul-li

无序列表

• 云音乐飙升榜
• 云音乐新歌榜
• 网易原创歌曲榜
• 云音乐热歌榜

有序列表ol-li

有序列表

1. 
2. 
3. 

自定义列表dl-dt-dd

自定义列表

云音乐特色榜

云音乐飙升榜

云音乐新歌榜

网易原创歌曲榜

云音乐热歌榜

表格

优点：结构简单，通用

基本结构：

表格 table

行 tr

列 td 跨行rowspan 跨列colspan

流量统计表

流量统计	访客统计	会员	游客
*	*	*	*
	*	*	*
	*	*	*
平均浏览量

音频、视频

音频 audio

视频 video

src：路径

controls: 提供播放按钮，进度条、下载按钮、全屏按钮、音量控制

autoplay： 自动播放

loop: 循环播放

两种方式

视频

网页结构分析

页面的头部

页面的主体

页面的尾部

HTML5新增的结构标签：行业规范，无实际作用

(1)section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；[独立区域]

(2)article：特殊独立区块，表示这篇页眉中的核心内容；[文章主题]

(3)aside：标签内容之外与标签内容相关的辅助信息；[侧边栏]

(4)header：某个区块的头部信息/标题；

(5)hgroup：头部信息/标题的补充内容；

(6)footer：底部信息；

(7)nav：导航栏(8)figure：独立的单元，例如某个有图片与内容的新闻块。

内联框架

iframe：内联框架

src： 地址

内联框架内联框架

显示内联框架

表单

基础表单

基础表单

用户名：

密码    ：

表单元素

所有表单元素都要写在form表单中

1.文本框

2.密码框

3.单选按钮

4.复选框

5.下拉列表框

select-option

6.按钮

普通按钮和javascript结合使用[button]

7.文本域

8.文件域

9.邮箱

10.网址

11.数字调节

eg：有效值为0，11，21....91;

12.滑块

初始在中间

13.搜索框

(带关闭按钮)

表单的应用

1.隐藏域

type="hidden"

2.只读和禁用

readonly、disabled

3.标注

初级表单验证

是为了减轻服务器的压力,主要在 JavaScript 以及 后台判断

默认提示

placeholder=""

必填

required

正则表达式

pattern="^1[358]\d{9}"

基本使用

文本框

用户账号：

用户密码：

性别：男

女

特长：入眠快

吃饭快

腿特长

路线：

上路

中路

下路

打野

辅助