网站设计和编程

网站设计最基本的就是html(Hyper Text Markup Language),中文为超文本标记语言。该种语言最重要的就是标记,一个网页其实就是一个简单的标记集合。

什么是标记?

标记就是为浏览器解析html文件所使用的用来标识包含的文字、图像、视频内容的符号。其表现形式一般是在<>内部。比如:

<head>中,head就是一个标记。当浏览器一旦解析到<head>,就将其中所标识的内容作为头部处理。

而标记一般是成对出现的,例如<head>一般与</head>成对出现的。那么标记所标识的内容在哪里呢?

内容出现在成对标记的中间。例如<head>你是好人</head>那么浏览器就知道:"你是好人"将按照约定head标记的方式来处理”你是好人“这条信息。

而<head>你是好人</head>组成了html最基本的元素。整个html文件打开你看到的都是这个形式的。

<html>
<head>
    
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta content="always" name="referrer">
    <meta name="theme-color" content="#2932e1">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="search" type="application/opensearchdescription+xml" href="/content-search.xml" title="百度搜索" />
    <link rel="icon" sizes="any" mask href="//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg">
	
	
	<link rel="dns-prefetch" href="//s1.bdstatic.com"/>
	<link rel="dns-prefetch" href="//t1.baidu.com"/>
	<link rel="dns-prefetch" href="//t2.baidu.com"/>
	<link rel="dns-prefetch" href="//t3.baidu.com"/>
	<link rel="dns-prefetch" href="//t10.baidu.com"/>
	<link rel="dns-prefetch" href="//t11.baidu.com"/>
	<link rel="dns-prefetch" href="//t12.baidu.com"/>
	<link rel="dns-prefetch" href="//b1.bdstatic.com"/>
    
    <title>百度一下,你就知道</title>
这是百度首页的部分源代码(通过右键--查看网页源代码就可以获得)。

到这里,如果你懂得了原理,并且记下几个常用的标记如head,title,h1,body,div,frameset,a,p,img...你已经掌握了html的基本内容了。

但是如何用好html编写一个漂亮的网页却是非常需要技术的,布局是难点所在。幸好有css等其他语言来辅助完成设计。当然复杂的网站需要数据交互等其他技术,这里就不展开介绍了。

发布了42 篇原创文章 · 获赞 4 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/wangyhwyh753/article/details/79175059