【HTML】HTML基础

一 介绍

1. www简介
万维网,一个庞大的信息空间,我们在其中浏览,呈现在浏览器中的信息就是web页面,web页面大多数由HTML编写

2. HTML
超文本标记语言,用于编写web文档的一种标记语言。

3. HTML的四种形式
在这里插入图片描述
提示
一个标签的属性是可选的,可写可不写
给一个标签的属性赋值时,可以加双引号也可以不加
标签和属性的名字大小写无关
HTML文档中如果有多个空白字符(空格、制表符、回车、换行等)浏览器显示时解析为一个空格字符

二 标签元素及其属性

1、段落控制有关的标签
在这里插入图片描述
注意:十六进制表示颜色是,IE浏览器可以不用加#号

2、与文本显示相关的标签
在这里插入图片描述

3、如何输入特殊字符
通过引用输入特殊字符,引用分为字符引用和实体引用
字符引用 以&开始 以;结束,在& 之后加#号和字符的十进制后十六进制代码
实体引用 以&开始 以;结束,在&之后加字符的助记符
在这里插入图片描述

4、数字编号列表
创建带数字编号的列表——<ol>和<li>
<ol>标签中使用start属性,设置起始序号
<li>标签中使用value属性,改变表内的编号顺序
<ol>和 <li>中用type属性值可以设定列表序号的显示类型 如<ol type=I>,列表将按照罗马数字显示
例如
结果

5、建立列表

  • 建立带有项目符号的列表——<ul>和<li> 其type属性值制定符号的样式,如:disc——为实心的圆圈
    square——实心的方块
    circle——空心的圆圈

  • 建立无符号的列表——<dl>和<dt>

  • 建立无符号缩进的列表——<dl>和<dd>

  • 建立术语列表——在<dl>元素中同时使用<dt>和<dd>标签,术语由<dt>标签指定,说明由<dd>标签指定

6 、建立表格

  • 用<table>元素来定义:<table border=n align=“alignment” bgcolor=“clr”>….</table>
    Border——表格边框宽度
    align——表格内容对齐方式
    bgcolor——表格背景颜色
  • 用<caption>元素来定义表格的标题
  • 用<tr>元素在表格中添加新行(属性align用于指定在水平方向上的对齐方式,属性valign用于指定这一行在垂直方向上的对齐方式如top、middle、bottom
  • 用<th>元素定义表头
  • 用<td>元素定义单元格

7、建立表单

  • 使用<form>元素,以及在其间嵌入的相关元素,语法:<form method=“get or post” action=“URL”>…</form>
    如果提交的数据量较小或者没有安全方面的考虑,我们用get方法来提交表单
    如果数据量较大或者带有安全方面的考虑,我们用post方法来提交表单
  • 使用<input>元素接收用户输入的信息,他是一个带有属性的元素,用于创建表单中的控件
    <input type="" name="" size="" value="">
    在这里插入图片描述
  • 使用<select>元素创建列表框,列表框中的各个选项用<option>元素提供
  • 使用<textarea>元素创建多行文本输入控件:<textarea name="" rows=“number of rows” cols=“number of columns”>…</textarea>
    rows用于指定文本输入控件可视区域显示的文本行数
    cols用于指定文本输入控件可视区域显示的宽度

8、超链接
<a href=“URL”>…
在这里插入图片描述

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值