视觉艺术

web前段基本标签

2020-11-28  本文已影响0人  fairtrytail
html结构:

<html>

<head>

<meta  charset="utf-8">字符编码集

<title></title>网页的命名

</head>头部

<body></body>身体

</html>

快速生成html结构:!或 html:5

双标签:

p  段落

h1-h6  标题

b  加粗文字

i  倾斜文字

sub  定义下标字

sup  定义上标字

ol  有序列表

ul  无序列表(有序列表和无序列表中间加一个双标签li用来写内容)

div (块级元素) 区分

span(内联元素)  被用来组合文档中的行内元素

补充一点:

块级元素特点:1.可以定义宽高。

2.独占一行。

内联元素的特点:1.不可以定义宽高。

2.在一行显示。

header  可以是 网页或者任意“section”的头部部分。

footer  可以是 网页或者任意“section”的结尾部分。

hgroup  组

nav  导航

a  超链接  格式:<a  href="地址" target="目标窗口的打开方式">链接元素<a/>

target属性用于指定打开链接的目标窗口。

target支持的值有以下四种:

(1) _self :默认选项,被链接的文档加载到与该链接相同的框架或窗口中。(相当于自身打开网页)

(2) _blank :将被链接的文档加载到新的浏览器窗口中。(相当于打开一个新网页)

(3) _parent :将被链接的文档加载到父框架窗口中,这里一般结合框架<iframe>标签使用。

(4) _top :被链接的文档加载到整个浏览器窗口中并删除所有框架。

锚记链接用于定位到页面中的目标位置。

锚记链接:

<a  href ="锚记名称">链接文本</a>

<a  name ="锚记名称">...</a>

表格的基本结构:

<table  border ="0或1">

<tr>

<td>内容</td>

</tr>

</table>

table  表格的区域

tr  表格的行

td  行中的一个单元格

属性:

border:边框线  1代表边框线  0或者不写都代表没有边框线。

补充:px 像素单位  代表一个像素单元格。

单元格合并:

colspan  行单元格合并

rowspan  列单元格合并

cellspacing  控制单元格之间的间距

cellpadding  代表单元格与边框之间的间距

表单标签:

form  表单

<input  type ="控件类型值"/>

input属性:

type  指定表单元素类型

name  指定表单元素的名称

value  可选属性,指定表单元素的初始值。但是如果是type和radio则必须指定一个值。

size  此属性指定表单元素的初始宽度。

maxlength  用于指定可在 text和password元素中输入的最大字符数。默认为无限大。

checked  指定按钮是否被选中,当输入类型为radio或checkbox时,使用次属性。

label (行内元素) 标签

type属性:

text  文字类型

password  密码类型

button  按钮

placeholder  输入提示

checkbox  复选框

file  文件域

accept  接受文件类型

multiple  上传多个文件

submit  提交按钮

reset  重置按钮

disabled  无法选中

有radio属性要加上name

单标签:(格式如:<hr/>)

hr  下划线

br  换行符

image 插入图片 有2个属性:src 图片来源

alt 描述属性,当图挂掉的时候显示属性。

上一篇下一篇

猜你喜欢

热点阅读