发表日期: 2021-05-07 10:04:43 浏览次数:74
尉氏网络公司哪家好【尉氏企业网站百度SEO推广公司】尉氏做网站开发价格、尉氏淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、尉氏高端企业网站页面制作设计专业公司需要多少钱
尉氏县位于豫东平原,属河南省开封市。东邻通许县、扶沟县,南与鄢陵县、长葛县接壤,西与新郑市交界,北与祥符区、中牟县相连。南北长40.77公里,东西宽43.76公里,总面积约1307.7平方公里,总人口81万人(2000年),中共尉氏县委、尉氏县人民政府驻地:两湖街道。 [1]
尉氏古称“尉州”,是河南省经济管理扩权县,电价趸售优惠县,拥有省政府批准的全省八大特色基地之一的河南省中原纺织工业基地,省认定的尉氏高效农业示范园区。 [2]
2018年,全县完成地区生产总值388亿元,增长8%;一般公共预算收入首次突破20亿元、达到20.6亿元,增长16.8%;税收收入15.96亿元,增长29.9%;城镇和农村居民人均可支配收入预计达到26951元、13911元,分别增长8.3%和8.9%。 [3]
一.了解什么是HTML文档流?
1.文档流指的是元素在HTML页面布局中的位置顺序决定排布的过程, 主要的形式是自上而下(块级元素)一行接一行,每一行从左至右(行内元素)。主要是针对盒子模型来说的。
2.HTML元素可分为两大类;内联元素和块级元素.二者在显示方式上是不同的.
①内联元素是在水平方向上一个拦一个排列的,元素前后不产生换行,元素间的水平间距可以通过水平方向上的填充,边框和间距来控制,觉的strong,span等就属于内联元素,需要注意的是,竖直方向上的填充,边框和间距对控制内联元素的高度是不起作用的,水平方向的一行将构成一个所谓的line box,这是一个逻辑上的概念,line box是一个虚拟的矩形区域,包含了组成这行的所有内联元素,其高度本行内所有内联元素$内容完全显示出来,尽管浏览器自动计算内联元素高度,我们还是可以通过设置line-height属性的值来改变元素的高度.
②块级元素是在竖址方向上一个接一排列的,元素前后均产生换行,竖直方向上元素之间的距离可以用上下边距来控制,注意竖直方向的边距会产生重叠,其间距值取相邻元素中边距较大的那一个,常见p,div等都是块级元素,这些元素的内容都 是以块的形式显示在浏览器中,
③内联元素和块级元素各自遵循着不同的显示方式,这就构成了html的文档, 文流档的内容被比喻为流,文档中的元素可以随波流,也可以脱离流,漂浮在其上,如果你没有为元素设定附加css属性,那么元素将按照它在html代码中出现的顺序一个挨着一地排列.
二.HTML标签属性
属性 标签的附加价值和特性 可以通过设置属性值的方式 让标签的某一方面展示行为发生改变
使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
1
属性的格式和书写:
1. 标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
2. 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
3. 任何标签的属性都有默认值,省略该属性则取默认值。
4. 属性采用键值对的书写方式 key="value"
例子:
<a href="https://www.baidu.com/"></a>
属性名称 href
属性值 "https://www.baidu.com/"
1.base标签
标签为页面上的所有链接规定默认地址或默认目标。
base 写到 之间
把所有的连接 都默认添加 target="_blank"
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>html基础标签 属性 base标签</title>
<base target="_blank">
</head>
<body>
<a href="https://www.baidu.com/">baidu</a>
<a href="https://www.baidu.com/">baidu</a>
<a href="https://www.baidu.com/" target="_self">baidu不新开标签</a>
<a href="https://www.baidu.com/">baidu</a>
<a href="https://www.baidu.com/">baidu</a>
<a href="https://www.baidu.com/">baidu</a>
</body>
</html>
<!--
base标签
统一修改页面内部超链接的跳转标签方式
-->
2.特殊字符(转义符号)
让浏览器能够理解 非排版意图 的格式和行为 HTML容许使用特殊字符进行转义行为
转义符对照表
特殊字符 描述 转义符
空格
< 小于号 <
> 大于号 >
& 和号 &
¥ 人民币 ¥
© 版权 ©
® 注册商标 ®
3.注释标签
HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。其基本语法格式如下:
<!-- 注释语句 --> ctrl + / 或者 ctrl +shift + /
释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。
4.文本格式化标签(小标签)
在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。
标签 描述
b 和 string 文字以 粗体 方式显示
i 和 em 文字以 斜体 方式展示
s 和 del 文字以 删除线 方式展示
u 和 ins 文字以 下划线 方式展示
b i s u 只有表现形式 strong em del ins 的语义更强烈
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>html基础标签 文本格式化标签</title>
</head>
<body>
<b>海牙老师</b>特别能<i>吃</i>,<u>每天</u>都要吃掉<s>一头牛</s>
<br>
<strong>海牙老师</strong>特别能<em>吃</em>,<ins>每天</ins>都要吃掉<del>一头牛</del>
</body>
</html>
<!--
文本格式化标签
b strong 加粗
i em 斜体
u ins下划线
s del 删除线
b i u s是没有语义性
strong em ins del是有语义性
-->
5.图片标签img(行内元素/也是置换元素)
单词缩写 image(图像)
HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性。其基本语法格式如下:
该语法中src属性用于指定图像文件的路径和文件名,他是img标签的必需属性。
<img src="图像URL" width='图片宽度' height='图片高度' alt='图片描述'>
属性
属性 属性值 描述
src URL 图像路径
alt 文本 图片的描述和替代文本
width 数值(默认单位px) 图片的宽度
height 数值(默认单位px) 图片的高度
title 文本 鼠标悬停显示的内容
border 数字(非常规) 设置图片默认边框的宽度
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>html基础标签 图片标签 img</title>
</head>
<body>
<img src='img/summer1.jpg' width="533" height="300" alt='夏天'>
</body>
</html>
<!--
图片标签 img
src width height alt 图片四要素
alt 除了作为图片无法展示的时候的文本替代 也作为爬虫辨识图片内容的关键字
width 图片的原始宽度 不要加单位
height 图片的原始高度 不要加单位
px 像素
表示距离的单位 cm mm m km nm
1920*1080 1920 1080
-->
6.列表系列(最常用ul>li)
一系列内容以横列队列 的形势中展现 列表最大的特点就是 整齐 、整洁、 有序.
①无序列表 ul>li
无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
比如下面这些,新闻是没有顺序的,不用排队,先到先得,后发布先显示。
PS:
1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2. <li>与</li>之间相当于一个容器,可以容纳所有元素。
3. 无序列表会带有自己样式属性 可以通过CSS修改默认样式
②有序列表 ol > li
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>
和UL无序列表的表现性质很相似 不同的是 索引器 是有序的数字 用到的地方比较少
③自定义列表 dl>dt+dd(一般用于页脚的排版)
定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
7.div标签 (块元素盒子)
div标签是没有语义的 是DIV+CSS时代的核心标签 单纯进行内容标签的容纳
div是 division 的缩写 意思是 分割 分区 我们可以利用DIV来给页面划分不同的区域 呈现不同内容
语法:
<div>
<p><span>some text.</span>some other text.</p>
</div>
8.span标签(行内元素)
span标签是没有语义的 通常来组合行内元素,以便通过样式来格式化它们。
span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
语法:
<p><span>some text.</span>some other text.</p>
9.总结HTML中的书写规则
使用HTML时,需要遵从一定的规范。CSS亦如此,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则,具体格式如下:
在上面的样式规则中:
1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。
2.属性和属性值以“键值对”的形式出现。
3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
4.属性和属性值之间用英文“:”连接。
5.多个“键值对”之间用英文“;”进行区分。
可以用段落 和 表格的对齐的演示。
熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则,具体格式如下:
在上面的样式规则中:
1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。
2.属性和属性值以“键值对”的形式出现。
3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
4.属性和属性值之间用英文“:”连接。
5.多个“键值对”之间用英文“;”进行区分。
可以用段落 和 表格的对齐的演示。
尉氏网络公司哪家好【尉氏企业网站百度SEO推广公司】尉氏做网站开发价格、尉氏淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、尉氏高端企业网站页面制作设计专业公司需要多少钱
备案号: 苏ICP备11067224号
CopyRight © 2011 书生商友信息科技 All Right Reserved
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: https://www.768800.com 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|
400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 昌平殡葬| 朝阳殡葬|
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
服务热线:400-111-6878