编程练习生的第24天! (html)

什么是 HTML?
HTML 语言用于描述网页。
HTML 是指超文本标记语言: Hyper Text Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML 文档也叫做 web 页面
HTML 标签

HTML 标签是由尖括号包围的关键词,比如 HTML 标签通常是成对出现的,比如
标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签

<title></title>

这就是一对html标签 这个标签的含义是页面标题 就是你打开一个网站,网站的名字
网站的标题是用 <h1-6> </h1-6> 来定义的
段落
HTML 段落是通过标签< p >来定义的,P是英文paragraph段落的缩写,经常被用来创建一个段落,就和你写作文一样,
图像
HTML 图像是通过标签< img>来定义的。使用img元素来为你的网站添加图片,使用src 属性指向一个图片的具体地址。

<img src="cai.jpg">

图片的高和宽是用属性来定义的 width=" " 来定义宽 height=" " 来定义高 其中用数值来给定一般我们用 数值px px代表像素
超链接
HTML 链接是通过标签< a >来定义的。a标签,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

<a href="www.baidu.com"> </a>

href 是超链接的指向地址

< body > 元素:
元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 以及一个结束标签 < /body >。
< html > 元素
定义了整个 HTML 文档。
这个元素拥有一个开始标签 ,以及一个结束标签 < /html >.
HTML的属性

HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签

属性总是以名称/值对的形式出现,比如:name=“value”。

class 为html元素定义一个或多个类名(classname)(类名从样式文件引入) id 定义元素的唯一id
style 规定元素的行内样式(inline style) title 描述了元素的额外信息 (作为工具条使用)
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签。

在 HTML 语言中, < br >标签定义为一个换行符,它可以理解为简单的输入一个空行,而不是用来对内容进行分段
< p >这个< br>段落< br>演示< br>了分< br>行的< br>效果< /p>

表格
 表格由< table>标签来定义。每个表格均有若干行(由< tr>标签定义),每行被分割为若干单元格(由< td>标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

HTML 表格的基本结构:
< table>…< /table>:定义表格
< th>…< /th>:定义表格的标题栏(文字加粗)
< tr>…< /tr>:定义表格的行
< td>…< /td>:定义表格的列
HTML 表单
表单使用表单标签 < form> 来设置
表单元素是允许用户在表单中输入内容,:比如:文本域(textarea)、下拉列表(select)、单选框(radio-buttons)、复选框(checkboxes)等等。
HTML 表单 - 输入元素
多数情况下被用到的表单标签是输入标签( < input>)。< input> 元素是最重要的表单元素。

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:文本域(Text Fields)

First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">

密码字段
密码字段通过标签< input type="password"> 来定义:
单选按钮(Radio Buttons)
<input type="radio"> 标签定义了表单单选框选项。
复选框(Checkboxes)
<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
提交按钮(Submit Button)
<input type="submit"> 定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
下拉列表

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>

下拉列表的定义稍有所不同 是用 < select > < option value=“volvo”>我是一个可选框</ option> < /select >来定义的
2019.07.27

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值