html全称英文是 hyper text markup language叫做超文本标记语言,html 就是用来去制作网页的一种标记语言,它就是一种纯文本格式的文件
纯文本就是只能在内部去书写文字内容,不能直接去添加图片音频视频,但是我们会发现我们在网页中呢?正常页面中可以看到它里面添加了图片、音频视频等等内容。
这是因为html它本身就与其他的文件不同,这门语言有它自己独特的功能,那么理解一下 html 中的两个重要概念,一个叫做 hyper text,超文本,一个叫做 markup 标记。
超文本叫做超级文本的缩写,简单一点说呢?超文本就是用来去链接另外一个文本或者多媒体内容的文本,也就是说超文本还是文本,不过比普通的文本有了一个特殊的功能,它可以去链接到另外一个内容,这个内容可以是另外一个文本,也可以是一个多媒体的内容;比如图片、超链接、音频、视频程序等等,这就是超文本的概念。
那么怎么样能让我们的纯文本去实现一个超美的功能呢?这就是html的另外一个功能,标记的作用。标记又叫做标签,英文是 html tag,它有一个自己特殊的书写规范,这种特殊的书写的规范是写给浏览器去看的,而不是给我们看的,它结合自己内部的普通的文字内容,可以去实现特殊的语义。
比如说我可以将一段普通的文字变成一个标题,将一个普通的文字变成一张图片,这就是它的标记一个特点,我们在编辑器里面去进行编辑的时候,它是可以去看得到的,但是在浏览器中加载的过程中,又看不到标记,它只会去实现自己的功能。
标签可以帮我们实现特殊的书写效果,要么给我们的文字呢去添加特殊的含义,要么去添加我们新的内容进来新的图片等等,
所以说没有添加标记的网页,它是一片混乱的文字堆积在一起,而添加了标记之后的网页结构变得更加的清晰、有层次、有条理、而且还可以去添加除了文字以外的内容到网页中了,这就是我们对 html 的初步印象。
全栈攻城狮-每日更新原创IT编程技术及日常实用视频。
主要内容:这是HTML课程的第四课,主要讲解HTML的文字标签和格式标签。在今天我们做一个属于自己的简历。
在上一节中主要讲解了HTML的标题标签(h1~h7)以及加粗、斜体、下划线、上下标等格式的标签。上节请戳→HTML电脑编程03 标题物理字体标签的使用,大学生学编程
HTML
font标签通过字面意思来看,就是字体的意思。是的这是一个用来显示文字的标签。不过值得说的是,这个文字可以通过属性的方式,指定颜色和字体大小。比如:
font标签的写法
效果:
font标签的显示效果
从书写的HTML代码可以看出,font标签包括两个参数:
color(字体的颜色):颜色的值可以为英文,也可以为RGB数值。
size(字体的大小):通过数字1~7可以控制字体的大小。
face(文字的显示字体):这个属性可以设置显示的字体。如可以写为:face="楷体"
在HTML中包括两种颜色体系。一种就是直接写颜色的英文,如:red(红色)、blue(蓝色)、green(绿色)等。
不同颜色
另外一种颜色体系是RGB。由R(Red)、G(Green)、B(Blue)三种颜色组成。相信小时候很多人都知道两种不同的颜料,可以转换为不同的颜色。RGB就是通过红绿蓝不同的明暗程度。来表示所有的颜色的。
RGB
RGB中的每一个颜色都是以六位十六进制进行表示。数值越大颜色越深。如:000000表示黑色。FFFFFF表示白色。RGB的表示形式一般前面增加#号。
段落标签为p。会为里面的文字自动分段显示:
p标签自动分段
换行标签为br,这是个单标签。写法为:<br/>。
br标签的形式
效果:
换行标签的效果
默认情况下,HTML的文档排列形式为自上而下,自左而右。标签包括行级标签和块级标签。如果想要对块级标签进行换行,你就需要使用br标签。
下面是几个标签,大家直接Sublime中写入看一下效果哦。在以后就直接使用啦
居中预格式化标签
通常我们在写input时,它的背景文字框都是灰色的,样式很单一,其实它可以做的更好看的,在CSS3中就专门提供了一属性placeholder来实现输入框的美化。接下来,就为大家展示下:
HTML:
CSS:
效果:
对于input输入框的背景提示信息(placeholder)的美化虽然只是对网站应用的小小点缀,但正是这样细节上的小差别将你的网站和别人的网站区别开来。IE10也支持了placeholder属性哦!
切版 qieban(.cn)
*请认真填写需求信息,我们会在24小时内与您取得联系。