HTML

HTML的一个结构图如下:
这里写图片描述
即就是一般的HTML文件结构:

<html>
    <head>
        <title>....</title>//网页题目
    <head>

    <boby>
        <p>....</p>
    </boby>
</html>

HTML是一种标记语言,这些<…>就是标签。

1.HTML元素

1.1 概念

HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

HTML元素就是构成HTML文件的基本对象。

HTML元素通过使用HTML标签进行定义。

这是一个元素:<p>sunyi</p>

1.2 语法

  • HTML元素一开始标签起始
  • HTML元素以结束标签中止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些HTML具有空内容
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数HTML元素可拥有属性

1.3 HTML空元素

如:换行符<br>

标准的写法:<br/>

<p>...</p>也有换行的意思,和<br/>不一样

1.4 HTML属性

有些标签想要按照作者的意愿来实现在网页上,需要一定信息的补充,这信息就叫属性。HTML的标签可以加上属性的描述。

语法规则:
在HTMl元素的开始标签中定义。
总以名称和值对应的形式出现。比如name=“value”
属性值应该始终被包括在括号内,双引号最常用,单引号也可以。

ex:

<a href="http://www.shiyanlou.com">shiyanlou</a>

href=”http://www.shiyanlou.com”这一部分就叫做<a> 标签的属性。

还可以将文字居中。。。

改变背景颜色等等属性。。。。

1.5 HTML超文本

使用开发软件:Brackets

1.6 HTML表单

即就是登录框
还有选择(多选,单选)

1.7 列表

1.8 块

1.9 布局

大多数网页布局需要配合css完成
用div元素完成布局

1.10 链接

链接通过<a>进行定义

1.11 图像

图像通过<img>来定义
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值