2018-08-21（27）HTML基础语法

2018-08-21 本文已影响0人棕色试剂瓶

HTML基础语法（1）

WebStorm快捷键

查找：Ctrl + f
查找替换： Ctrl + r
折叠代码： Ctrl + “-/+”

HTML语法注意

换行： <hr>
分割线：<br>
图片： <img>

以上三个标签没有结束标签

  空格
> >
< <

PNG 有透明背景

title 属性，用于鼠标悬停时的文字提示

target属性有两个："_blank","_self"

"_blank" 会打开新页面

"_self" 刷新当前页面显示新页面

a标签的跳转方式为GET
HTML 语言不区分大小写
超链接a中href="#"不会刷新页面，会在本页面中进行锚点检索，找不到不进行页面跳转。（虽然不跳转和刷新页面，但是会留下历史纪录）
href=" "会刷新本页面

锚点链接

抛锚：<a name = "top"></a>

跳转： <a href = "#top"></a>

集合

无序列表

<!--
    1. 无需列表独占一行
    2. ul标签有间距
    3. li有缩进，图标

    4. 结构统一
    5. 属于一个整体
-->
常用的使用方法
<!--
    1. 去掉前后间隔
    2. 去掉缩进，图标
    3. 横向显示
-->
<ul>
  <li></li>
</ul>

有序列表

<ol>
  <li></li>
</ol>

快捷编码

p>a[hret="bilibili.com"]{text01$}*5
<!--
    a: markup
    text01: innertext
    href: attribute
    bilibili.com: value
-->

内联框架iframe

iframe 用于嵌套其他页面，前端很少使用，常用在后台管理系统的页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe-内联框架(了解，后台管理常使用)</title>
</head>
<body>
内联框架:嵌套 其他网页
<!--frameborder :iframe的边框-->
<iframe width="100px" height="200px" src="http://www.baidu.com" frameborder="1"></iframe>
<br>
</body>
</html>

表单

input 的 placeholder属性可以制定输入文本框中的提示文字

响应是网站是可以随着设备的便会做出改变已达到更好的显示效果的网站，是我们以后的研究方向
后台也要进行数据合法性的验证，防止API登录
radio中将name值设置相同可以将他们绑定为一组
使用checked设置默认值
注意不要忘记填写标签的name属性，防止网站不响应。