网站html代码解析
2018-06-24 02:20:29来源:未知 阅读 ()
1、什么是HTML文件?
HTML中文叫做“超文本标记语言”,一个HTML文件不仅包含文本内容,还包含一些标记,一个HTML文件的后缀名是.htm或者是.html。用文本编辑器(Dreamweaver)就可以编写HTML文件。
2、html文件的基本结构:(成对出现)
<html> html文件开始
<head> html文件的头部开始
... ... 头部内容
</head> html文件的头部结束
<body> html文件的主体开始
... … 主体内容
</body> html文件的主体结束
</html> html文件结束
3、<title></title>:网页标签
<title> 网站名称</title>
网页效果
4、mate标签(关于网页信息)
<metaname="description" content=“MAOLAI博客">:网页描述,包含关键词,在网页前台不显示,但会在搜索结果显示。<metaname="keywords" content="个人网站,个人博客,web前端">网页关键词,包含关键词,几乎无作用了,在网页前台不显示,只在代码中显示
5、文本标题字标签
文本标题通过<h1></h1>···<h6></h6>共6对标记来定义标题文字大小,越往后字体越小。
代码编辑
网页显示效果
标题字标签对齐属性align,包括 Left(左对齐),Center(居中),Right(右对齐)
语法是: <h1 align="center"></h1>
<h1>:权重最高,一个网页只能用一次。<h2>权重其次,<h3>权重再次,这两个标记可多次使用。<h4>···<h6>是没有权重的。
6、<!--XXXXX-->代码注释,XXXXX不会显示在网页里的。
7、字符实体:由3部分组成,符号&+实体名字或实体编号+;
8、列表标签:有三种——无序列表,有序列表和定义列表
无序列表:<ul></ul>
列表项:<li></li>
<ul> | |
<li><a href="/wo/">旧时桥,今时月</a></li> | |
<li><a href="/wo/">思念,在风夜里沉沦</a></li> | |
<li><a href="/wo/">人生若初见,清守是清欢</a></li> | |
<li><a href="/wo/">这个四月,只想遇见你</a></li> | |
<li><a href="/wo/">等闲时,焚一段书香茶语</a></li> | |
<li><a href="/wo/">【依窗听雨】</a></li> | |
<li><a href="/wo/">等闲时,焚一段书香茶语</a></li> | |
<li><a href="/wo/">爱的春天,我曾来过</a></li> | |
</ul> |
代码编辑
网页效果
9、超链接:<a></a>
属性:href——指定链接地址(网址)
target:指定链接的目标窗口(target="_blank 表示在新的页面打开目标链接)
title:鼠标悬停的文字提示
rel: 阻止传递权重(友情链接)
语法:
<ahref="url" target="_blank" title=“文字提示" rel=“nofollow”>
10、插入图片:<img/>(单个标记)
属性:src——图片所在位置
宽度:width,高度:height
语法:<img src="图片名称 ” width=“100” height="100">
(把目标图片提前放入自己所建的站点中)
例:在图片后上加入百度链接:
<a href="https://www.baidu.com/" target="_blank" title="百度搜索"><img width="100" height="100" src="logo.gif"/></a>
11、段落标签<p></p>
换行标签<br> (单个)
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:HTML5 拖放使用
下一篇:meta标签的作用及整理
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash