web前段学习笔记——html

一,html概述

Web前端标准分为三类:html结构标准,css样式标准,javascript⾏为标准。
HTML:(Hyper Text Markup Language)的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

二,html使用方法

1,html为超⽂本标记语⾔,<!doctype html>⽤以标⽰html版本,代表⽀持html5。

2,标签语义话,在合适的地⽅使⽤合适的标签,浏览器只认识标签,html中以<>成 对出现,⽤以标记⽂档,<meta charset=utf-8>表⽰以国际通⽤语⾔<head></head>⽤以 标记⽹⻚标题,<body></body>为正⽂内容。

3,<h>为标题标签,可以分1〜6级,<p>为段落标签,⽤以标记⽂章段落。

4,<font color="" size="">⽤以标记⽂字颜⾊和字号。

5,网址链接:<a href="http://...">超链接,点击⽂字可以跳转⾄某⽹⻚。空链接三 种⽅式:1、### 2、javascript:;3、javascript:void(0);

6,显示图⽚:<img src="图⽚路径" width="宽度" height="⾼度" title="⿏标悬停 时提⽰⽂字" 标签顺序⽆先后>引⽤图⽚,src为source缩写。

7,表单数据:在<form>内部<iput type="text" placeholder="默认输⼊⽂ 字"/>name ,单⾏⽂本框,不加密。 

8,密码输⼊:<iput type="password">name,密码框,输⼊内容秘⽂显⽰。

9,单选:<form><input type="radio" name="xb" id="nan" checked="checked" /><label for="nan">name,radio:单选,跟声⾳机⼀样,label:选择⽂字区域一样可以选择,checked:默认选项。

10,下拉菜单: 

            select和option的组合:

             <select name=""> 

                      <option>A</option> 

                      <option>B</option> 

                      <option>C</option> 

             </select> 

 如果想添加设置多组下拉菜单,需要添加⼀个optgroup标签,并设置label属性为提 ⽰⽂字,如果想设置默认选项,需要给对应的option添加<selected="selected">标签,⽐如A 组下有b,c,d三个选项: 

        <select name="">

                 <optgroup label="A"> 

                <option>A</option> 

                <option>B</option> 

                <option>C</option> 

                </optgroup> 

        </select> 

11,⽂本域:<textarea>为多⾏⽂本域 注意:不能使⽤cols,rows来设置⽂本域的宽⾼,需要⽤width,height设置,否 则会出现兼容性问题,placefolder⽤来设置默认输⼊⽂字。 

12,多选框:<type="checkbox",它的使⽤⽅法和细节与单选框⼀致。

13,按钮:
①提交按钮:<input type="submit">,注意必须设置value属性,不然会出现兼容 性问题; 
②重置按钮:<input type="reset">, 注意必须设置value属性,不然会出现兼容性 问题;
③确认按钮:<input type="button">, 也可以使⽤<button>标签。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值