浅谈html及css_电脑百科

z1995z1

ZxID：7886841

等级: 下士

举报只看楼主使用道具楼主发表于: 2016-09-20 0

HTML英语意思是 Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。

    用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML一种能够被广泛理解的语言，“翻译“成可以识别的信息，即所有的计算机都能够理解的一种用于出版的“母语”。就是我们现在所见到的网页。
   自1990年以来HTML就一直被用作ＷＷＷ（是World Wide Web的缩写，也可简写WEB、中文叫做万维网)的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件需要通过WWW浏览器显示出效果。
   HTML( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令(Tag)，将影像、声音、图片、文字、动画、影视等内容显示出来。因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.

   所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。
HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存html文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。

HTML文档属于纯文本文件（它能用任意的文本编写器书写）。例如,HTML语言可直接使用普通的文本编辑器进行编辑。

如新建记事本，写入内容

<*html>

<*head>
  <*title>hello world<*/title>
<*/head>

<*body>
  hello world
<*/body>

<*/html>
（因为浏览器会自动解析标签，所以我加了*号）
保存，后缀改为.html 就可以用浏览器直接打开，就可以看到页面显示出hello world，
<head>标签中的<title>标签就是浏览器标签页上的标题
<body>标签内放入的就是我们在页面中看到的内容
html最重要的就是标签如<body></body>称之为双标签,<img />称之为单标签

本帖de评分：共 1 条评分ＤＢ +22

技术组大海	ＤＢ⁺²²	2016-09-20	优秀文章

隐藏

打赏收藏新鲜事

回复引用

鲜花[0]　

鸡蛋[0]

z1995z1

ZxID：7886841

等级: 下士

举报只看该作者 7楼发表于: 2016-09-20 0

使用标签就可以布置出相应的界面但是这些界面肯定不符合用户的需求   那么我们现在就需要css的帮助

css Cascading Style Sheets  层叠样式表

可以给html添加色彩，设置字体，背景，边框等各种各样的效果

css中最关键的是选择器

选择器包括：id选择器，class选择器（类选择器），标签选择器，全局选择器，群组选择器

id选择器：可以给带有id属性的标签赋予样式，id只能有一个   #id

class选择器：可以给所有拥有同样的class属性的标签赋予样式，所以叫类选择器 .class

标签选择器：给页面中每个选定的标签赋予样式如 img{.....}，就是给页面中所有img标签赋予样式

全局选择器：给页面中所有元素设置样式，通常设置的是居中等属性    写法为 *

群组选择器如 form,table,img{....}给form，table，img标签设置同样的样式

基本常用的选择器就这些

有兴趣的可以自行百度

回复引用

鲜花[0]　

鸡蛋[0]

z1995z1

ZxID：7886841

等级: 下士

举报只看该作者 6楼发表于: 2016-09-20 0

回 4楼(技术组大海) 的帖子

怎么能加入技术组呢

回复引用

鲜花[0]　

鸡蛋[0]

z1995z1

ZxID：7886841

等级: 下士

举报只看该作者 5楼发表于: 2016-09-20 0

基本

<*html*>…<*/html*>      定义 HTML 文档
<*head*>…<*/head*>   文档的信息
<*meta*>                    HTML 文档的元信息
<*title*>…<*/title*>        文档的标题
<*link*>                      文档与外部资源的关系
<*style*>…<*/style*>    文档的样式信息
<*body*>…<*/body*>   可见的页面内容
                 注释

文本

<*h1*>...<*/h1*>               标题字大小（h1~h6）
<*b*>...<*/b*>                   粗体字
<*strong*>...<*/strong*>   粗体字(强调)
<*i*>...<*/i*>                      斜体字
<*em*>...<*/em*>              斜体字(强调)
<*u*>...<*/u*>                   下划线
<*del*>...<*/del*>              删除线(表示删除)
<*center*>…<*/center*>   居中文本
<*ul*>…<*/ul*>                 无序列表
<*ol*>…<*/ol*>                 有序列表
<*li*>…<*/li*>                    列表项目
<*a href=”…”>…<*/*a*>    超链接
<*font*>                         定义文本字体尺寸、颜色、大小
<*sub*>                         下标
<*sup*>                         上标
<*br*>                           换行
<*p*>                            段落

图形

<*img src=’”…”*>   定义图像
<*hr*>                   水平线

表格

<*table*>…<*/table*>   定义表格
<*th*>…<*/th*>            定义表格中的表头单元格
<*tr*>…<*/tr*>             定义表格中的行
<*td*>…<*/td*>           定义表格中的单元

其它

<*form*>…<*/form>    定义供用户输入的 HTML 表单
<*frame*>                 定义框架集的窗口或框架

另加16进制颜色，但仅仅有16种颜色名可用英文字母，其余的要用16进制值。

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow