html简介

发表于 | 分类于

html简介

  1. HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  2. XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language）。
  3. Web标准，W3C,WHATWG,ECMA

W3C制定的结构和表现的标准W3C( World Wide Web Consortium )万维网联盟

WHATWG 浏览器厂商临时组成的组织

ECMA：欧洲电脑场商联合会，制定的行为js的标准

html基本语法

​ 1. html标签 由尖括号包裹起来的整体

2. html元素 由一对双标签或者一个单标签 组成
 3. html属性
      属性=：“属性值”，html属性书写在标签名字后面，
      用空格隔开属性或者属性值。
  4. html注释 
  <!--这是html注释，说明解析且不会呈现在页面上(不能嵌套)-->

标签

标题标签

​ h1-h6. 直观上字体越来越小，语义上越来越轻
一级标题最好一个页面只用一次

段落标签

​ p 备注：浏览器解析时，会将多个空格解析成一个空格

换行标识符

​

标识符

​   空格 <小于号 > 大于号备注空格的大小不等同于文字大小，但是空格大小受
文字大小影响

加粗标签

​ b strong

倾斜标签

​ i、em 备注：视觉标签b、i、s 语义标签strong、em

分割线标签

​

列表标签

无序列表 ul(unordered list)>li(list item 列表项) 只能嵌套 li

​ 

1
2
3
4
5
<ul>
              <li>猪肉</li>
              <li>酱油</li>
              <li>青菜</li>
          </ul>

有序列表 ol （ordered list）>li

​ 

1
2
3
4
5
<ol>
                 <li>睁开眼</li>
                 <li>看手机</li>
                 <li>洗漱</li>
             </ol>

自定义列表dl(defintion list)>dt(definition term 自定义列表项)+dd(definition description对自定义 列表项的描述)

1
2
3
4
5
6
7
8
<dl>
                <dt>文具</dt>
                   <dd>钢笔</dd>
                   <dd>笔记本</dd>
                <dt>蔬菜</dt>
                   <dd>白菜</dd>
                   <dd>茄子</dd>
            </dl>

图片标签 img [src 引入图片的路径] [alt] 图片无法加载出来时候呈现的文字
[title] 鼠标悬停时，出现的文字

锚链接、超链接 a [href]跳转的路径、#不跳转或者当前页面的最顶端
[target]跳转的窗口 属性值：_self 默认在当前窗口跳转
_blank 在新窗口跳转

表格

​ table>tr行>td单元格

​ table[border给单元格加上边框]
[cell spacing]单元格与单元格之间的距离
[cell padding]单元格的内填充，单元格内容与边框之间的距离
[width] 表格宽度
[height] 表格高度

合并单元格 td[colspan 合并列]

​ td[rowspan] 合并行

表单

​ form表单>input表单控件+select下拉框

​ form:
[action 提交到的后台地址]
[methhod 提交方式=(get、post)]
[name表单名字]
input:
[type]类型: text 文本框 password密码框 radio单选框
submit 提交按钮 button普通按钮 reset重置按钮
[name] 同一组单选框或者多选框要起一样的没名字. 要提交的表单内容必须要加名字
[checked] 默认选中
[value]给表单添加初始内容

​ form>select>optiont选项 value[selected默认选中]

​ form>textarea文本域【cols列】[rows行]

​

​