HTTP基础语法

div标签是块级结构布局元素，因此结合css盒模型讲解。

HTTP基本结构

基本结构标签

HTTP文件包括头部信息和网页内容，body中的内容在网页中显示。

    


    网页主体内容

标签、元素、属性

标签分为双标签和单标签。

...

元素是指从开始到结束标签的全部内容，例如，html标签加上内部代码，即为一个HTML元素。
属性用来修饰标签。

内容

注释格式

文档声明

声明必须放在HTML稳定第一行，但是并不是HTML标签。

网页编码

编码在head标签内部设置。

文字和段落标签

标题标签h1–h6

一级标题

段落标签p

align属性:值有left、right、center、justify。p标签中空格是不起作用的，需要使用代码nbsp

段落
段落

换行标签br和水平线标签hr

预标签pre很少用。

修饰标签和特殊符号

文字修饰标签

i和em：斜体
b和strong：加粗
sub：下标
sup：上标
ins：下划线
del：删除线

特殊符号

   空格
    大于/右尖括号
®   已注册R
©  版权C
™ 商标TM

示例

关于我们 | 招聘信息 | 联系我们 | 意见反馈

Copyright©2016 awecoder.com All Rights Reserved

公式：x2+x=0 解：x1=0;x2=-1

列表标签

无序列表ul

属性type可为disc（原点）、square（方块）、circle（空心圆）。

    
列表项
    
列表项

有序列表ol

属性type可为1、a、A、i、I。

    
列表项
    
列表项

定义列表

dt和dd在dl标签内，dt和dd同级。

    
配送方式
    
上门自提
    
海外配送
    
支付方式
    
货到付款
    
在线支付

图像标签img

src属性=图片URL（相对路径是图片相对于当前html文件的路径）
alt属性=图像的代替文字，图像无法显示时展示。
height属性和width属性，可用像素数值和百分比表示。
也适用align对齐属性。

超链接a和定义锚点

超链接标签a

href属性为链接地址，标签内容可以是文字或图片等。
target属性–链接的目标窗口，_self当前窗口打开，_blank新窗口打开，_top/_parent
title属性–链接提示文字。
name属性–链接命名。

百度

空连接--点击没有反应
百度
空的链接--点击刷新页面
刷新页面

id属性–书签标记

结合name属性定义锚点

同一个页面
不同页面
内容

示例

目录

水果

蔬菜

运动


水果


    
香蕉
    
苹果

返回顶部


蔬菜


    
西红柿
    
黄瓜

返回顶部

链接扩展功能

• 邮箱

xxx@qq.com

• 下载文件

文件下载