HTML网页设计常用标签及属性

在认识标签前，我们先了解了解标签的结构，标签分两大类，一种是单标签，另一种是双标签。
标签的基本结构:

1.单标签:

         1.结构格式:<标签名 属性名='属性值' 属性名='属性值' .../>2.注意;单标签在最后有一个正斜杠 '/'

2.双标签:

         1.结构格式:<标签名 属性名='属性值'...>内容</标签名>2.注意:双标签会分两个部分,左边叫开始标签,右边叫结束标签,结束标签必须有正斜杠'/'

html中标签也可以分为块级标签,内联标签,

     1.1块级标签:如果两个同样的标签写在一起,出现在不同的行上,这种就叫块级标签,比如说<h1>标签,div标签,特点占据整行或多行,自带换行效果,除了div外,一般的块级标签都会有内外边距,宽度和高度1.2内联标签:如果两个同样的标签写在一起,出现在一行则表示这是内联标签,特点是不会占据多余面积,内联标签没有内外边距,但可以通过css来设置,也没有上下边距,没有宽度和高度注意:在内联标签中,有一个标签,img标签是有边距和宽度及高度的,叫行内块级标签

常用的标签介绍:

1.标题标签:<h1>标题1[字号最大]</h1><h2>标题2</h2><h3>标题3</h3>...<h6>标题6</h6>标题标签一共有6个级别,即h1~h6,字号从大到小2.段落标签:<p>内容</p>代表文章的一个段落3.换行标签:<br/>4.图片标签:<img src="" alt>src表示图片路径,可写相对路径,也可以写绝对路径alt表示当图片没有时,也就是裂图时描述图片的信息或者替代的文本5.超链接标签:<a href="链接网址">链接的文字或者图片</a>注意:<a href="url" target= "_blank" title="新建的网页的标题">内容</a>#target 表示用户点击链接,打开的方式,他的值是固定的_self 表示在当前页面打开新的页面,也就覆盖当前的页面[默认值]_blank 表示在新建的浏览器窗口中打开一个新的窗口6.列表标签:
列表一般应用在布局中的新闻标题列表和文章标题列表以及菜单，它是含有语义的，标签结构如下1.有序列表:<ol><li> </li></ol>2.无序列表:<ul><li> </li></ul>3.自定义列表:<dl><dt> </dt></dl>列表之间可以进行嵌套使用7.表格标签表格元素及相关样式1、<table>标签：声明一个表格2、<tr>标签：定义表格中的一行3、<td>和<th>标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格表格相关样式属性border-collapse 设置表格的边线合并，如：border-collapse:collapse;

标签的属性:

     1.属性格式:<标签名 属性名='属性值'...>内容</标签>2.属性有什么作用?描述标签的作用,给用户进行标签的提示或者增加标签的功能3.实体字符(具有特性功能的字符)1.&nbsp :表示空白字符,即一个空格2.&lt :小于号3.&gt :大于号4.无意义标签div和span1.div常用于包含其他的标签,用于表示网页的一整部分内容,一般用于网页的布局2.span常用于包含其他的标签或者普通的文本内容,也是用于网页布局的一种,本身没有任何其他的独特属性

HTML网页设计常用标签及属性相关推荐

HTML常用标签及属性
web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:css.行为:J ...
文本字段的html标签是什么,HTML常用标签及属性
什么是HTML HTML基本语法常用标签及属性链接文本标记表格列表表单结构标记什么是HTML Hyper Text Markup Language,超级文本标记语言 - 普通文本a:无 ...
100个HTML标记语言的常用标签及属性
以下是100个HTML标记语言的常用标签及属性,并且附带有示例: 1. <!DOCTYPE>:定义文档类型.示例:<!DOCTYPE html> 2. <html> ...
html语言元素属性大全,HTML常用标签及属性
什么是HTML HTML基本语法常用标签及属性链接文本标记表格列表表单结构标记什么是HTML HyperText Markup Language,超级文本标记语言 HTML 并不是编程 ...
HTML中table表格的常用标签及属性
table表格的常用标签及属性 <table border="1" cellspacing="0" cellpadding="5"&g ...
网页设计常用色彩搭配表html源码
RGB颜色调色板配色表html源码分享,站长引流工具,色彩搭配看似复杂,但并不神秘.既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算.将网页设计中常见的色彩搭配按照 ...
html中的元素英文,HTML 常用标签元素属性名英文书写
HTML 常用标签元素属性名英文书写头: header 内容: content/containe 尾: footer 导航: nav 侧栏: sidebar 栏目: column 页面外围控制整体布 ...
网页设计常用颜色16进制代码
本文转载于:猿2048网站网页设计常用颜色16进制代码在进行网站网页设计制作的时候,经常需要用到不同的颜色的搭配,效果,网页中标明颜色比较好的是用十六进制数据来进行标注,但是由于颜色很多,这些十六进 ...
网页设计常用色彩搭配表 – 配色表
网页设计常用色彩搭配表 – 配色表 + - 按色相的搭配分类本节将网页设计中常见的色彩搭配按照色相的顺序归类.每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的 ...

HTML网页设计常用标签及属性

HTML网页设计常用标签及属性相关推荐

最新文章

热门文章