Html基础知识复习

基础标签

排版标签

h1 h2 h3 h4 h5 h6

文本样式

b string 文本加粗标签
i em 使文本字体变斜体
s del 使文本下方有删除线
u ins 使文本下方出现下划线(当文本出现超链接时使用)

标签的属性值
<标签 属性 = “属性值”>

例如:`<width = "100">`

插入图片的代码

<img src = "图片地址" title = "图片标题" alt = "图标替代文本" width = "图片宽度" height = "图片高度">

设置锚点
给标签设置一个id 保证下次点击可以跳转到对应的锚点里

做一个锚点href  = #id名称+

特殊字符代码

&nbsp (空格)
&gt(>)
&it(<)

表单Form

表单域
给表单设置一个范围

input

text 文本框标签
password 密码框标签
radio 单选框标签
checkbox 复选框标签
submit 提交按钮
file 文本域
image 图片
button 普通按钮

下拉列表

select > option

文本域

textarea

table布局法

表格table

table (表格域)
tr (代表行)
td (单元格)

tr和td属性

rowspan (跨行合并)
colspan (跨列合并)

列表

有序列表 ol > li
无序列表 ul > li
自定义列表 dl > dt + dd

css样式表

引入方式

行内式

<标签 style = "color:red";font-size:14px;>(样式写在标签里)

内嵌式

<style>此处写选择器<style>

外链式

1.新建一个css文件 在文件里写样式
2.在html文件里导入这个样式 使用link标签

基础选择器(给某个标签起个名字)

id选择器 (#XXX)
类选择器(.XXX)
通配符选择器 (*选择全部标签)

字体样式

font-size (此代码表示字体大小)
实例:font-size = 12px;

font-famliy(此代码表示字体的样式)
实例:font-famliy = 微软雅黑;

font-weight(此代码表示字体粗细 100-900:900肯定是粗)
实例:font-weight:值;

font-style(此代码表示字体类型)
实例:font-style:normal(显示标准的字体类型)
font-style:italic;(显示斜体的字体类型)
font-style:oblique(显示倾斜的字体类型)
font-style:inherit(规定应该从父级元素继承字体类型)

文字美观和样式

文本对齐

水平居中

text-aligh:center;

垂直居中

line-height:此处盒子的高度
列如盒子的高度是60px line-height:60就可以让文本垂直居中