HTML+CSS3(三)——HTML基本标签

目录:

HTML+CSS3(一)——认识浏览器

HTML+CSS3(二)——HTML 初识

HTML+CSS3(三)——HTML基本标签

HTML+CSS3(四)——表单pattern正则属性

HTML+CSS3(五)——CSS基础

HTML+CSS3(六)——行内元素和块级元素

HTML+CSS3(七)——display属性(前面文章已讲过,这里转载一篇)

HTML+CSS3(八)——CSS权重

HTML+CSS3(九)——CSS高级技巧

HTML+CSS3(十)——CSS3新特性之过渡

HTML+CSS3(十)——CSS3新特性之2D变形和3D变形

HTML+CSS3(十)——CSS3新特性之动画

HTML+CSS3(十 一)——案例

HTML+CSS3(十二)——CSS常见问题


目录:

  • body
  • 注释
  • 换行和空格
  • 段落p和无语义span,div
  • 水平线
  • 超链接
  • 图片
  • 表格
  • 列表
  • 音频
  • 表单
  • 特殊字符标签

一.标签属性:


    ........


主要属性:
bgcolor=""    背景色
text=""    文本颜色
link=""    超链接初始颜色
alink=""    超链接点击时的颜色
vlink=""    超链接点击后的颜色
background=""    背景图
bgproperties="fixed"    背景图不动(默认是动的)
margin    页面与周围的间隔

二.注释:

三.换行
和空格 

四.段落标签

和无语义标签

12312414

12334445
asgfdgeadfadfgdfgrdfg

五.水平线:


六.超链接标签:

超链接:
_blank新打开
_self默认本窗口
(注意:target属性打开链接方式有五种参数:_blank,_self(默认),_top,_parent,_search
了解参考:https://blog.csdn.net/qq_27918787/article/details/52744173)


书签:
记号
链接到记号
(切记连接到记号的#不要忘了!)

如果链接资源不是html(跳转页面),图片(打开图片),那么其他文件为下载链接:
下载?

邮箱链接:(默认电脑上系统自带的邮箱)
邮箱联系我!

七.图像

为行内元素



主要属性:
src=""    资源路径
alt=""    图片未加载出来时显示的文字
title=""    图片描述信息
hspace=""    水平方向上左右空白
vspace=""    垂直方向上上下空白
border=""    图片边框厚度
width=""    图片宽度(强制拉伸,不写默认根据高度调整宽度)
height=""    图片高度(强制拉伸,不写默认根据宽度调整高度)
align=""    图片上文字对齐方式


图片超链接:
 

八.表格:

HTML+CSS3(三)——HTML基本标签_第1张图片

为块级元素
表名
表头 表头 表头 表头 表头
表项 表项 表项 表项
表项 表项 表项
表项 表项 表项
主要属性: 标签: align="" 对齐方式 border="" 表格框 width="" 表格宽度 height="" 表格高度 cellspacing="" 表项空白间距 cellpadding="" 表项内部空白间距 rules="none" 表格无内线
标签: align="" 表名对齐方式 valign="" 表名垂直方向对齐方式
标签公有属性: align="" 表项对齐方式 valign="" 表项垂直对齐方式
公有属性: bgcolor="" 背景色 background="" 背景图 bordercolor="" 边框颜色 标签公有属性: rowspan="" 占行数 colspan="" 占列数

九.无序列表和有序列表,自定义列表:

    1. 都是块级元素
      • 123
      • 123
      • 123
      • 123
      1. 456
      2. 456
      3. 456
      4. 456
      5. 456
      6. 456
      样式type在
        1. 标签都可写
          名词1
          名词1解释1
          名词1解释2
          名词2
          名词2解释1
          名词2解释2

HTML+CSS3(三)——HTML基本标签_第2张图片

HTML+CSS3(三)——HTML基本标签_第3张图片

十.音频标签:

        

	

audio和video标签公用参数:
controls     加载控件
autoplay     自动播放
loop     循环播放
preload    自动加载资源
src    资源路径

video特有:
width
height

十一.表单:

    
    文本框:
	
密码框:
邮 箱:
提交url地址:
数值输入框:
范围滑动条:
单 选:
复选框:篮球 足球 乒乓球
选择栏:
日期选择器: 时间:
多行文本域:
文件上传:
隐藏域:
主要参数: size:可见字符数 maxlength:允许输入的最大长度 step:步长 required:必须输入值,不为null pattern:输入的正则表达式格式(提交时正则匹配) checked:默认选中 max:设置最大值 min:设置最小值 readonly:设置只读(内容变暗) placeholder:提示信息 autocomplete:自动补全 autofocus:自动获取焦点 disabled:禁用该标签元素(只读而且不能提交)

HTML+CSS3(三)——HTML基本标签_第4张图片

十二.特殊字符标签 (理解)

HTML+CSS3(三)——HTML基本标签_第5张图片

你可能感兴趣的:(Web前端-html+css3,html,html基本标签)