~南客

导航

HTML笔记01

HTML语法规范

//HTML5规范

用于注释《!--

HTML文件主要包含头部分和体部分

<!-title>

指定网站标题

指定浏览器打开编码方式

标签大多是闭合状态<></>

但是br一部分标签没有闭合标签

标签不区分大小写//官方建议使用小写

<!-head>

头部分:用来放置一些页面信息

<body></body>

体部分:用来放置页面内容

标签

段落标签

标题后面数字越小字体越大

h标签最小为6

//标签不可以自己创造

hr标签

水平分割线标签

font标签

常用属性

color:改变字体颜色

​ red:红色

size:改变字体大小

​ 字体范围:1-7 //超过范围默认最大

face:设置字体

​ face="仿宋"

<!-b> // 包含语义劲量使用

加粗

<!-i> //

倾斜

标签要成对出现,一一对应

插入图片标签

img标签

width="100px" alt ="这张图片可能加载有问题"/>

./ 代表当前路径 ../ 代表上级路径

src : 图片路径

width : 长宽……

alt : 错误提示信息

列表标签

有序列表

<!-ol>

  • .......

    内容是有序序的

    无序列表

    <!-ul>

  • .......

    内容是无序的

    type: 设置项目符号

    超链接标签“a“

    常用属性

    href:设置网页链接,对应网页的地址

    target:_self:默认当前页打开 _blank:新起一个标签页打开

    表格标签table

    tr 标签行

    td标签列

    常用属性

    border:指定边框

    width:宽度

    height:高度

    bgcolor:背景色

    align:对齐方式

    表格的合并

    colspan:跨列

    rowspan:夸行

    表格嵌套利用百分比

    输入框

    input“type:指定控件类型 name:指定参数名称”

    type="test" //输入文本

    type="password" //输入密码

    type="file" //上传文件

    type="tadio" //单选按钮

    type="submit" //添加提交按钮

    type=“button” //普通按钮

    type="" //复位按钮

    type=“datetime-local” //指定日期时间 //date指定日期

    name="sex" //把按钮设置为一组,“name“相同就是,只可以选择一个

    type="checkbox" //复选框date //同样可以设置成一组

    type="number" //只可以输入数字

    type="tel" //弹出软键盘

    placeholder=“test” //用于输入预设值

    文本框textarea

    cols:设置输入字符数

    rows:设置输入行数

    select下拉列表

    option : 用于内嵌

    form标签

    ​ action:提交地址

    ​ method:

    ​ get 默认提交方式//将参数拼接在后面

    ​ post 将参数封装在请求体中

    框架标签 frameset

    内部放置网页

    frame

    src //链接网页

    cols=“10%,30%,*“ //设置网页所占比例 (按列)

    rows //按行划分页面

    ——可嵌套


    -->

    posted on 2019-06-11 23:19  ~南客  阅读(183)  评论(0编辑  收藏  举报