网站html代码解析
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> （单个）
网站html代码解析的更多相关文章
- SEO之HTML优化：让你的网站HTML代码更符合SEO规范
摘要HTML优化是网站内部优化的重点,可能对SEO新手来说,容易忽略.符合搜索引擎习惯的HTML代码是极利于SEO的,可以让你的网站获得更好的搜索引擎排名.如何制作一个标准的HTML网页,如何做HTM ...
- java集合框架之java HashMap代码解析
java集合框架之java HashMap代码解析 文章Java集合框架综述后,具体集合类的代码,首先以既熟悉又陌生的HashMap开始. 源自http://www.codeceo.com/arti ...
- MYSQL常见出错mysql_errno()代码解析
如题,今天遇到怎么一个问题, 在理论上代码是不会有问题的,但是还是报了如上的错误,把sql打印出來放到DB中却可以正常执行.真是郁闷,在百度里面 渡 了很久没有相关的解释,到时找到几个没有人回复的 & ...
- 从浅入深详解独立ip网站域名恶意解析的解决方案
立IP空间的好处想必大家都能耳熟闻详,稳定性强,利于seo等让大家选择了鼎峰网络香港独立IP空间.那么, 网站独享服务器IP地址,独立IP空间利于百度收录和权重的积累.不受牵连.稳定性强等诸多优势为一 ...
- 笔记-爬虫-js代码解析
笔记-爬虫-js代码解析 1. js代码解析 1.1. 前言 在爬取网站时经常会有js生成关键信息,而且js代码是混淆过的. 以瓜子二手车为例,直接请求https://www.guaz ...
- 用Python爬取影视网站，直接解析播放地址。
记录时刻! 写这个爬虫主要是想让自己的爬虫实用,把脚本放到了服务器,成为可随时调用的接口. 思路算是没思路吧!把影视名带上去请求影视网站,然后解析出我们需要的播放地址. 我也把自己的接口分享出来.接口 ...
- CssStats – 分析和优化网站 CSS 代码的利器
CssStats 是一个在线的 CSS 代码分析工具,你只需要输入网址或者直接 CSS 地址即可进行 CSS 代码的全方位分析,是前端开发人员和网页设计师分析网站 CSS 代码的利器,可以统计出 CS ...
- VBA常用代码解析
031 删除工作表中的空行 如果需要删除工作表中所有的空行,可以使用下面的代码. Sub DelBlankRow() DimrRow As Long DimLRow As Long Dimi As L ...
- [nRF51822] 12、基础实验代码解析大全 · 实验19 - PWM
一.PWM概述: PWM(Pulse Width Modulation):脉冲宽度调制技术,通过对一系列脉冲的宽度进行调制,来等效地获得所需要波形. PWM 的几个基本概念: 1) 占空比:占空比是指 ...
随机推荐
- 清北学堂模拟赛d3t2 b
分析:一道比较让人头疼的数学题. 先考虑怎么让分出来的三角形相似,先不考虑每个三角形的具体边长,设每个三角形的周长为li,则可知必然有一个数g = gcd{li},每一个三角形的周长都是g的倍数,这样 ...
- hdu 4786 最小生成树与最大生成树
/* 题意 :有一些边权值为1和0,判断是否存在一个生成树使得他的总权值为一个斐波那契数. 解法:建立一个最小生成树向里面加权值为1的边替换为0的边,保证原来的联通.因为权值为1,可直接求出最大生成树 ...
- git tag打标签常用命令
# 创建轻量标签$ git tag v0.1.2-light 切换到标签 与切换分支命令相同,用git checkout [tagname]查看标签信息用git show命令可以查看标签的版本信息:$ ...
- Codeforces Round #303 (Div. 2) E
五道水题,但要手快才好...我手慢了,E题目都没看完TAT.... 想了一发,很水,就是一遍Dijk即可,使用优先队列,同时记录由哪条边转移而来 #include <iostream> # ...
- cppunit 的使用
原文: http://blog.csdn.net/abcdef0966/article/details/5699248
- 怎样给你的Android 安装文件（APK）瘦身
本文源地址:怎样给你的Android 安装文件(APK)瘦身 Android的apk文件越来越大了这已经是一个不争的事实. 在Android 还是最初版本号的时候,一个app的apk文件大小也还仅仅有 ...
- 最简单的基于FFmpeg的移动端样例：Windows Phone HelloWorld
===================================================== 最简单的基于FFmpeg的移动端样例系列文章列表: 最简单的基于FFmpeg的移动端样例:A ...
- android 用java代码设置布局、视图View的宽度/高度或自适应
在achat项目中,对话内容的长宽设置为自适应.可是假设文本内容太多,则宽度几乎相同布满,若自己说的和对方说的都非常多内容.则满屏都是文字.则不easy分辨出是来自别人说的还是自己说的.那么须要对本身 ...
- [odroid-pc] ubuntu12.04 android4.0移植到odroid-pc过程
參考:http://blog.csdn.net/sunnybeike/article/details/8098349 odroid prebuilt版 img下载地址:tag=ODROID-PC&q ...
- Spring学习笔记——Spring事务仅仅对执行时异常回滚
我们在使用Spring时候一般都知道事务在遇到异常的时候会回滚.岂不知Spring的事务默认仅仅有在发生执行时异常即:RunTimeException时才会发生事务,假设一个方法抛出Exception ...