网页设计-HTML各种标签
常用标签
| 常用标签 | 作用 |
|---|---|
| p段落 | |
| a链接 |
<a herf="url" target> 链接文本
|
| br | 换行 |
| -h1-h6 | 标题种类 |
文本格式
| 文本格式 | 作用 |
|---|---|
<b></b>
|
加粗文本 |
<i></i>
|
斜体文字 |
<small><\small>
|
删除线文本 |
<code><\code>
|
电脑自动输出 |
<u><\u>
|
下划线文本 |
<sub><\sub>
|
下表 |
<sup><\sup>
|
上标 |
适用于大多数HTML元素的属性
| 文本格式 | 作用 |
|---|---|
class
|
为html元素定义一个或多个类名 |
id
|
定义元素的唯一id |
style
|
规定元素的行内样式 |
<title
|
描述了元素的额外信息（作为工具条使用） |
<align
|
元素的对齐方式 |
< head >元素
| 文本格式 | 作用 |
|---|---|
class
|
为html元素定义一个或多个类名 |
id
|
定义元素的唯一id |
style
|
规定元素的行内样式 |
<title
|
描述了元素的额外信息（作为工具条使用） |
<align
|
元素的对齐方式 |
段落标记P
分段标记定义一个，使用该标记后，内容隔一行显示。 空格符
水平线标记hr
<hr width=“宽度” noshade=“阴影” align=“对齐” color=“颜色”/>HTML图像-图像标签
列表内容
<img>是空标签，意思是说，它只包含属性，并且没有闭合标签列表内容
格式格式
<img src=“图形文件路径和文件名” alt=“提示文本” border=“边框宽度” align=“对齐方式” width=“宽度” height=“高度”/>列表内容
要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。
alt 属性用来为图像定义一串预备的可替换的文本。
替换文本属性的值是用户定义的。在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。ight（高度） 与 width（宽度）属性用于设置图像的高度与宽度。
HTML 表格 <table> 标签
- 每个表格均有若干行（由
<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table border=“1”>边框- 表格的表头使用
<th>标签进行定义。 <caption>Monthly savings</caption>表格标题
| 标签 | 描 述 |
|---|---|
<table>
|
定义表格 |
<th>
|
定义表格表头 |
<tr>
|
定义表格的行 |
<td>
|
定义表格单元 |
<caption>
|
定义表格标题 |
<colgroup>
|
定义表格列的组 |
<col>
|
定义表格列的属性 |
<thead>
|
定义表格的页眉 |
<tbody>
|
定义表格的主体 |
<tfoot>
|
定义表格的页脚 |
表格标签
<table><tr><th>表格标题1</th> <th>表格标题2</th>…<th>表格标题n</th>
</tr>
<tr><td>单元格1</td><td>单元格2</td>…<td>单元格n</td>
</tr>
</table>Table 常用属性
- align:表格在页面的对齐方式，取值包括left right center
- Background：指定表格背景图片的URL地址
- Bgcolor:指定表格背景颜色
- Border:表格边框的宽度单位（像素），默认0 W
- idth:指定表格的宽度，以像素或百分比为单位
- Cellpadding:边框的填充范围，是表格内部内容与表格边线的距离。
- Cellspacing：不同单元格之间的间距
Tr常用属性
- Align:行中的水平对齐方式，默认left
- Bgcolor：行的背景颜色
- Valign：行中单元格的垂直对齐方式，默认top，还可以是middle,bottom,或baseline(基线对齐）
Td常用属性
- Align:指定单元格内文本的水平对齐方式，默认left
- Bgcolor：指定单元格的背景颜色
- Colspan：合并单元格时一个单元格跨越的列数
- Rowspan:合并单元格时一个单元格跨越的行数
HTML列表标签
| 标签 | 描述 |
|---|---|
<ol>
|
定义有序列表 |
<ul>
|
定义无序列表 |
<li>
|
定义列表项 |
<dl>
|
定义列表 |
<dt>
|
自定义列表项目 |
<dd>
|
定义自定义列表项的描述 |
网页设计-HTML各种标签相关推荐
- 网页设计：Meta标签详解
网页设计:Meta标签详解 很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是H ...
- HTML网页设计之图片标签——＜img＞标签
在 HTML 中,图像由<img>标签定义.<img> 是空标签,只包含属性,没有闭合标签. 实际上图像并不会插入至HTML页面中,而是链接到HTML页面上,<img&g ...
- qq空间网页设计_网页设计中的负空间
qq空间网页设计 重点 (Top highlight) Because screens are limited, web design is also limited. It can be said ...
- html 分割线_零基础网页设计/前端/html,第四课：前三课总结，以及单标签img
大家好,我是你们的"浪花一朵".如果我之前写的网页设计的课程没有看过,可以关注我,翻看作者之前的课程哦! 一.1~3课总结 1.为了使网页的内容与网页的边缘没有间隙,我们一般会在标 ...
- 下列可以产生斜体字的html标签是,电子科技大学《网页设计与制作》20秋期末考试题目【标准答案】...
电子科技大学<网页设计与制作>20春期末考试 试卷总分:100 得分:100 一.单选题 (共 40 道试题,共 100 分) 1.如何产生带有数字列表符号的列表? A. B. C. D ...
- 网页设计（五）——marquee标签
前言:好久没更新过CSDN博客了,现在从原来的OI,变成了一个科研工作者.最近打算把原来的一些资料整理一下,作为经验公开分享,希望能帮到更多默默努力耕耘的人~ 首先给出一些关于marquee标签的介绍 ...
- 上传如何显示按原来文章的格式 ,而不是一些html标签和普通文字,《网页设计与制作》试卷答案...
浙江**学院<网页设计与制作>期终(考试)A 卷 200-200学年第学期任课教师 学院班姓名学号 一.单选题(每小题1分,共30分) 1. 本地站点的所有文件和文件夹必须使用(),否则在 ...
- 简易iframe-前端web网页设计(iframe标签运用)
iframe-标签的运用,简易前端web网页设计 1.iframe简介 2.图片展示 3.代码展示 4.资源下载 1.iframe简介 1.iframe一般用来包含别的页面,例如我们可以在我们自己的网 ...
- 【单选按钮区域实现三选一】【2018腾讯手游排行榜】【HTML表格标签】【网页设计与网站开发HTML、CSS、JavaScript】【第七章】表单——实验作业题【实验3、4、5】
以下为本人大一选修课<网页设计与网站开发>的实验作业题,均为本人原创,分享给大家.如有不足之处欢迎指出. 目录 1.实验3 题目 代码 实验效果 2.实验4 题目 代码 实验效果 3.实验 ...
最新文章
- 在D-Bus适配器中声明槽
- OpenGL通过Assimp加载模型
- 夜视模式，多少猥琐相机假汝之名
- leetcode44. 通配符匹配 又是一道没有解释的字符串dp困难题
- java平台调试架构JPDA
- 数据耦合的代码例子c语言,代码耦合的处理
- 谈谈对java线程的理解（五）--------ReentrantLock之阻塞队列
- Excel文档瘦身，一键压缩xlsx文件中所有的图片，解决excel文件太大的问题
- 大掌门2显示服务器繁忙,大掌门2新手攻略_游戏功能详细攻略（新手攻略二）_软吧...
- 东财《自我认知与职业生涯规划》单元作业一二三
- 解决error ‘XXX‘ is not defined no-undef且项目没有eslintrc.js文件问题
- 海量上传文件服务器端,bat批量上传ftp文件到服务器
- Vmware虚拟机如何与主机共享文件夹
- 机器学习——线性回归（拟合一条直线）
- keil中go to definition跳转browser窗口
- 假设从键盘输入从某日凌晨零点零分零秒到现在已经经历的时间（单位：秒），编译程序计算到现在为止已经过了多少天？现在的时间是多少？
- ffmpeg视频播放过程
- Latex中宏包总结
- ZR138斑马打印机在ios上的实践
- linux 看eps文件格式,EPS 文件扩展名： 它是什么以及如何打开它？