前端基础之HTML

102 阅读2分钟

HTML

html是一种超文本标记语言,由各种标签组成

骨架

html:元素的开始和结束点
head:头部信息
body:文档主体,显示在浏览器
title:显示在浏览器窗口,有利于SEO优化
meta:设置编码格式

标题h

h1~h6,标题字体默认大小,加黑
位置属性:align="left | center | right"默认居左

段落p

p,默认换行

换行br

<br></br>,也可以自闭和<br/>

水平线hr

color: 设置水平线的颜色
width:设置水平线的宽度
size:设置水平线的高度
align:设置水平线的对齐方式(默认居中),可取值left | right

图片img

<img src="" alt="" title="" width="" height="">
路径:绝对路径、相对路径、网络路径

超链接a

<a href="url">链接文本</a>

文本标签

<em>着重文字
<b>粗体
<i>斜体
<strong>加重语气
<del>删除字
<span>无特殊含义

有序列表ol

type属性:1aAiI
有序列表嵌套
快捷键:ol>li*3(数字按需填入)

无序列表ul

type属性:disc、circle、square、none
无序列表嵌套
快捷键:ul>li*3(数字按需填入)

表格table

表格:table,行:tr,单元格:td
快捷键:table>tr*2>td{单元格}
属性:border:边框,width:高度,height:高度
水平合并:colspan,垂直合并:rowspan

表单form

属性:action:请求地址,name:表单名称,method:请求方式
基本组成:表单标签、表单域、表单按钮
input标签类型:
    文本框text
    密码框password
    提交按钮submit

块元素

独占一行、可以设置widthheight属性,可以包含行内元素和其他块级元素
常见块级元素:divformh1~h6、hr、ptableul、等
行内块级元素(特点:不换行、能够识别宽高):buttonimginput

行内元素

不会独占一行,只占自身大小;设置widthheight属性无效;一般不包含块级元素
常见行内元素:abemispanstrong

h5新标签

<header></header> 头部
<nav></nav>导航
<section></section>文档的节,如章节、页眉、页脚
<aside></aside>侧边栏