浅谈html及css

社区服务
高级搜索
猴岛论坛电脑百科浅谈html及css
发帖 回复
正序阅读 最近浏览的帖子最近浏览的版块
7个回复

[技术小组]浅谈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就一直被用作WWW(是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 条评分 DB +22
DB+22 2016-09-20

优秀文章

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标签设置同样的样式

基本常用的选择器就这些

有兴趣的可以自行百度
z1995z1

ZxID:7886841

等级: 下士

举报 只看该作者 6楼  发表于: 2016-09-20 0
回 4楼(技术组大海) 的帖子
怎么能加入技术组呢
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
阿里云服务器

ZxID:12008696

等级: 禁止发言

举报 只看该作者 4楼  发表于: 2016-09-20 0
优秀文章
z1995z1

ZxID:7886841

等级: 下士

举报 只看该作者 地板   发表于: 2016-09-20 0
如果想要看视频学习推荐 慕课网 里面全都是关于编程的视频
z1995z1

ZxID:7886841

等级: 下士

举报 只看该作者 板凳   发表于: 2016-09-20 0
有时间我简单列出html中常用的标签
z1995z1

ZxID:7886841

等级: 下士

举报 只看该作者 沙发   发表于: 2016-09-20 0
今天就先说这么一点,让我自己想想不起来那么多,有想自学 遇到问题的可以问我,推荐使用dreamweaver软件进行编写
« 返回列表
发帖 回复