html标签和html属性

作者:fandonglai日期:2016-09-01 17:44:03 点击:1752 html标签 html属性

提示:大家不要觉得内容多,静下心来,一点一点的看,其实很简单

1、 html标签

  • 由尖括号包围规定的关键词组成,比如 <html> <div>

2、 html标签按结构分类

  • 成对出现的标签
    <div></div>

标签对中的第一个标签是开始标签,第二个标签是结束标签;

  • 单独出现的标签
    <img src="zfpx.jpg" >

3、 html属性

我们肯定听说过css属性,那什么是html属性呢?

比如刚才我们说的单独出现的标签中

    <img src="zfpx.jpg" title="我是一张图片" alt="珠峰培训" >

html属性是用来修饰的,提供各种附加信息,属性放在开始标签内,包括:src、title、alt、align

  • 格式:
    属性名=”属性值”

src 图片链接地址,贴图标识必备属性
title 鼠标经过图片时,会出现一个小的提示框,提示框中显示title中的内容
alt 对该图片的描述、说明

    <div align="right">123</div>

align 对齐方式

4、html标签按属性分类

常用的块级元素

  • 块级元素的特点:
    1、独占一行
    2、可以设置宽高
    3、在不设置宽度和高度的情况下,宽度是父级元素的宽度,高度是自身内容的高度
标签 标签的作用
div 区分大结构
p 段落、放一段文字
h1~h6 标题
h1 网页中最重要的内容:logo 网站的标题;网页中普通的标题 一般用h3或者h4、h5
列表标签 通常放结构或者格式重复出现的内容,每一个重复出现的内容,放到每一个li里面
ul li 每一项前面都有一个点(无序列表)
ol li 每一项前面都有对应的数字(有序列表)
dl 定义列表
dt 名词
dd 名词解释
table 表格
caption 表格的标题
thead 表格的头部
tbody 表格的主体
tr
td 列 (普通的列,可以放在tbody下面)
th 列 (只放在thead的里面,文字默认加粗)
pre 预格式文本
hr 分割线
form 表单

常用的行内元素

  • 行内元素的特点:
    1、不独占一行,在一行显示
    2、不可以设置宽高
    3、宽度是自身内容的宽度,高度是自身内容的高度
标签 标签的作用
span 用来区分小结构,通常放几个文字,或者小图标
a 超链接 自带下划线,文字默认是蓝色的
i 斜体
em 斜体(强调语气的作用)
b 加粗
strong 加粗(强调语气的作用)
s 中划线
del 删除线
u 下划线
sub 下标
sup 上标
br 强制换行,一般放在p标签里面

常用的行内块级元素

  • 行内块级元素的特点:
    1、不独占一行
    2、可以设置宽度和高度
    3、在不设置宽度和高度的情况下,宽高是自身内容的宽高
标签 标签的作用
img 图片
input 表单元素

上一篇: 网页制作之css的伪类选择器

下一篇: 如何用css样式设置元素的轮廓