网站设计（3常用标签）

一：常用标签

1.文本标题（h1-h6）

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

注：文本标题标签自带加粗，有自己的文本大小，并且独占一行，有默认间隔

2.段落文本

<p>段落文本内容</p>，标识一个段落

3.换行

<br/>:强制换行

4.水平线

<hr>:分割线<hr color="red" width="300px" align="right">（注释：color=====颜色width=====宽度align======对齐方式（向左，向右）noshade=====取消阴影）

5.加粗标记

<b>加粗内容</b>只是显示加粗<strong>强调的内容</strong>突出的文本（便于搜索软件爬虫关键词）

6.倾斜标记

<em>强调文本</em><i>强调文本</i>

7.删除线标记

<s>文本</s><del>文本</del>

8.扩展标

<u>文本内容</u>（下划线）<sub>文本内容</sub>（下标）<sup>文本内容</sup>（上标）

二：HTML5基本语法

1.常用标签，也叫双标签

<标记></标记>

<标记属性=“属性值” 属性=“属性值”> </标记>

2.空标记，也叫单标记

<标记/>

<标记属性=“属性值”/>

三：特殊符号

1.尖角号：&lt;左尖角号，&gt;右尖角号2.空格：&nbsp; 该空格占据宽度受字体影响明显而强烈&emsp; 占据的宽度正好是1个中文宽度，且基本上不受字体影响3.版权：&copy;4.商标：&trade; ™&reg；

四：分割标签

1.div标签：没有具体含义，用于划分页面的区域，独占一行2.span标签：没有实际意义，主要应用在对于文本独立修饰时，内容有多宽就占多宽的空间距离

五：列表标签

1.无序列表<ul><li> 无序列表   </li><li> 无序列表   </li></ul>2.有序列表<ol type="A" start="4"><li>有序列表</li><li>有序列表</li></ol>3.自定义列表<dl><dt>可以是文字也可以是图</dt><dd>相关文字</dd></dl>

网站设计（3常用标签）相关推荐

php获取页面a标签内容_AKCMS常用标签代码整理
轻量级的CMS我觉得AKCMS算是小而强悍的,作者可以算是个极客,代码.功能精简,安全却挺到位,以至于让很多人无法很快使用他的网站程序.也有可能作者精力有限,没有更进一步完善这套系统,现在官网都仅仅是 ...
10个精致的企业网站设计模板欣赏及点评
以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分.它们风格低调沉稳,几乎只使用黑白灰三种色彩,却不雷同,并且在细节上都非常讲究.ThemeForest是非 ...
网站设计中常见的字体
文字是网站页面设计中最为重要的元素,根据信息的内容层次关系,通过编排,可以让设计出富有美感和形式感的网页,网页设计中文字的使用要有原则:一个网站设计项目中字体样式不能太多,1-2种即可,不要使用不易识 ...
html自适应meta标签,seo常用meta标签：自适应网站设计对百度友好的关键
现在,许多网站都使用自适应网站设计(Response-Web-Design)来满足庞大的移动用户群的需求. 但是,在对自适应网页进行技术设计之后,出于SEO的考虑,您必须注意如何对百度更加友好,也就是 ...
BIT前端训练营笔记（一）| 20211225 预习 | 常用标签、语义化、响应式设计
百度前段训练营笔记 20211225 预习 html常用标签 img的alt=" "属性 alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本.ol 有序列表:ul无序列 ...
自适应网站设计对百度友好的关键：添加applicable-device标签(转)
现在很多网站都使用了自适应网页设计(Response-Web-Design),以满足庞大的移动端用户群的需要.但是在技术上设计了自适应的网页之后,出于SEO的考虑,你还要照顾到如何对百度更友好,即告诉 ...
网站设计常用技巧收集整理
先说一下写这篇文章的目的吧,这上面的东西很多不是我写的,也不是我总结的,这点我肯定,呵呵,我希望大家也能提提你自己的建议,希望不断总结, 让更多的网站设计技巧出现在这里,方便查找和使用,因为很多时候 ...
网站设计大访问量应用的解决方案
[转] 如何加快网站访问速度(http://www.qnsky.com/dispbbs.asp?BoardID=6&id=634) 很多朋友都用虚拟主机来做网站,将网页文件存放在虚拟空间上,但 ...
IE浏览器支持响应式网站设计
目前响应式网站设计比较流行, 下面是摘自百度百科有关响应式设计的定义. 响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的 ...
网站设计软件linux,ubuntu下的网页设计网页制作软件工具.pdf
ubuntu下的网页设计网页制作软件工具.pdf ubuntu/linux 下的网页设计网页制作软件工具 1. Bluefish 是一个基于Gtk 的 HTML 的编辑器,它支持语法加亮,支持 HT ...

网站设计（3常用标签）

网站设计（3常用标签）相关推荐

最新文章

热门文章