大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
Html是英文HyperTextMarkupLanguage的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或FrontPageEditor等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用标志名/标志名来表示标志的开始和结束(例如html/html标志对),因此在Html文档中这样的标志对都必须是成对使用的。
创新互联主打移动网站、网站设计制作、成都网站建设、网站改版、网络推广、网站维护、域名注册、等互联网信息服务,为各行业提供服务。在技术实力的保障下,我们为客户承诺稳定,放心的服务,根据网站的内容与功能再决定采用什么样的设计。最后,要实现符合网站需求的内容、功能与设计,我们还会规划稳定安全的技术方案做保障。
Html的基本标志: 1.html/html html标志用于Html文档的最前边,用来标识Html文档的开始。而/html标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。 2.head/head head和/head构成Html文档的开头部分,在此标志对之间可以使用title/title、script/script等等标志对,这些标志对都是描述Html文档相关信息的标志对,head/head标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3.body/body body/body是Html文档的主体部分,在此标志对之间可包含p、/p、h1、/h1、br、hr等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。body标志中还可以有以下属性:属性 用途 示例 bodybgcolor="#rrggbb"设置背景颜色。bodybgcolor="red"红色背景 bodytext="#rrggbb"设置文本颜色。bodytext="#0000ff"蓝色文本 bodylink="#rrggbb"设置链接颜色。bodylink="blue"链接为蓝色 bodyvlink="#rrggbb"设置已使用的链接的颜色。bodyvlink="#ff0000" bodyalink="#rrggbb"设置正在被击中的链接的颜色。bodyalink="yellow" 说明:以上各个属性可以结合使用,如bodybgcolor="red"text="#0000ff"。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如bodytext="Blue"表示body/body标志对中的文本使用蓝色显示在浏览器的框内。 4.title/title 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在title/title标志对之间加入您要显示的文本即可。注意:title/title标志对只能放在head/head标志对之间。
!DOCTYPE html
html lang="en"
!-- head标签里面的内容是整个网页的头部信息 --
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1.0"
title网页的标题/title
/head
!-- 这里是写css样式的地方 --
!-- css 是不是用来修饰网页的界面效果的 把网页当做一个人 css就是这个人的化妆品 --
!-- 要想给对应的标签加上不同的效果 我们首先第一步 用class绑定一个自定义的类名 然后在写对应的css效果 --
style
/* css样式的写法 点+类名*/
.template{
/* 背景颜色 */
/* background-color: red; */
}
.span_1{
/* 字体颜色 */
color: red;
/* 字体大小 */
font-size: 28px;
}
.span_2{
color: blue;
font-size: 10px;
}
.ads{
color: green;
font-size:25px;
}
.adstwo{
color: black;
font-size: 45px;
}
/style
body
!-- html就相当于是 这个人的身体结构 他有脚头眼睛鼻子等等.. --
!-- 输入框 --
!-- 首先 我们所有的html标签都应该 用div容器包裹起来 --
!-- 其次 要给对应的标签加上相应的属性样式 用class指定类名 类名就是可以用来写css的 类名的名字可以随便写 --
div class="template"
!-- 什么是块级标签? 简单的说 就是这个标签在浏览器会独立的占一行 --
!-- 什么是行内标签? 简单的说 就是这个标签纸在浏览器不会独立占一行 两个行内标签可以并排显示 --
span class="span_1"span标签/span
span class="span_2"span标签2/span
!-- 要求:把第一个P标签颜色变绿 然后字体变大 把第二个P标签颜色变黑 然后字体变更大 --
p class="ads"我是P标签/p
p class="adstwo"我是P标签2/p
!-- 输入框标签 --
!-- 文本输入框 --
!-- type表示这个输入框是哪种类型的 --
!-- placeholder 表示这个输入的说明 --
!-- 输入框 文本输入框 密码输入框 数字输入框 ..等等 --
input type="text" placeholder="这是文书输入框"
input type="password" placeholder="这是密码是输入框"
input type="number" placeholder="这是数字输入框"
!-- img 图片标签 src 图片的路径(我们要先知道图片的路径才能引用图片) --
!-- alt表示当图片不能正常的被加载出来的时候 显示alt里面对应的内容 --
!-- ../返回上一级目录查找 ./当前目录下查找 --
img src="../img/liuyifei.jpg" alt='这是图片不能正常被加载时显示的内容'
/div
/body
/html
您好,您可以参考下上面的代码哦(如果有用,望采纳哦)
hr 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
hr 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。
在 HTML5 中,hr 定义内容中的主题变化,并显示为一条水平线。
在 HTML 4.01 中,hr 标签仅仅显示为一条水平线。
在 HTML 4.01 中,所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 hr 元素定义样式
简单的说就是一条分割线,或者称为水平线。
!DOCTYPE 声明位于文档中的最前面的位置,处于 html 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。大多数浏览器都支持两种模式:怪异模式和标准模式。如果未声明!DOCTYPE,浏览器在渲染页面的时候会使用怪异模式;各个浏览器在怪异模式下对各个元素渲染是有差异的。
1、首先新建html文档,输入html5标准声明,如图所示。
2、然后输入html基本网页结构,如图所示。
3、接着输入hr标签hr是水平线,是单边标记,如图所示。
4、hr标签的常用属性,Size:设置水平线的粗细。
5、Width:设置水平线的宽度, Color:设置水平线的颜色,noshade:纯色显示,不带阴影效果。
6、最后运行网页,查看效果,如图所示,就完成了。