美文网首页视觉艺术
web前段基本标签

web前段基本标签

作者: fairtrytail | 来源:发表于2020-11-28 18:20 被阅读0次
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 描述属性,当图挂掉的时候显示属性。

相关文章

  • web前段基本标签

    html结构: 字符编码集 网页的命名 头部 身体 快速生成html结构:!或 html:5 双标签: p 段落...

  • WEB前端开发职业学习路线初级完整版

    web页面制作基础 web简介,HTML语法基础,HTML基本结构,单双标签,标签属性,标签嵌套规则,注解,HTM...

  • web前段全套

    【web前端全套】链接:https://pan.baidu.com/s/16K9bdHmXf4EEWBtsSH9r...

  • html常用的基本标签

    HTML基础包括web工作原理,HTML概述,HTML基本标签和HTML高级标签。 〈html〉...〈/html...

  • 【1Day】Joshua—初识html+css学习笔记(1)

    目录学习web前端开发基础技术需要掌握认识html标签标签的语法认识html文件基本结构学习web前端开发基础技术...

  • 前后端交互(javaweb)

    前段后台交互的学习(Java web) 标签 : 前后端交互 Javaweb 下面介绍了一些关于交互的细节: 请...

  • docker-compose 基本使用

    基本格式: 1. image 在 services 标签下的第二级标签是 web,这个名字是用户自己自定义,它就是...

  • web标签

    1------------------------------------------ 开始和结束 用来设置网页...

  • Day07--HTML

    web概念概述 HTML HTML标签:表单标签

  • Web前段开发教学【HTML简介】

    HTML5 简介 学习导航 通过了解HTML漫长的发展简史,理解以往的的HTML规范存在的问题,更好的理解HTML...

网友评论

    本文标题:web前段基本标签

    本文链接:https://www.haomeiwen.com/subject/cdrcwktx.html