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代码解析的更多相关文章

  1. SEO之HTML优化:让你的网站HTML代码更符合SEO规范

    摘要HTML优化是网站内部优化的重点,可能对SEO新手来说,容易忽略.符合搜索引擎习惯的HTML代码是极利于SEO的,可以让你的网站获得更好的搜索引擎排名.如何制作一个标准的HTML网页,如何做HTM ...

  2. java集合框架之java HashMap代码解析

     java集合框架之java HashMap代码解析 文章Java集合框架综述后,具体集合类的代码,首先以既熟悉又陌生的HashMap开始. 源自http://www.codeceo.com/arti ...

  3. MYSQL常见出错mysql_errno()代码解析

    如题,今天遇到怎么一个问题, 在理论上代码是不会有问题的,但是还是报了如上的错误,把sql打印出來放到DB中却可以正常执行.真是郁闷,在百度里面 渡 了很久没有相关的解释,到时找到几个没有人回复的 & ...

  4. 从浅入深详解独立ip网站域名恶意解析的解决方案

    立IP空间的好处想必大家都能耳熟闻详,稳定性强,利于seo等让大家选择了鼎峰网络香港独立IP空间.那么, 网站独享服务器IP地址,独立IP空间利于百度收录和权重的积累.不受牵连.稳定性强等诸多优势为一 ...

  5. 笔记-爬虫-js代码解析

    笔记-爬虫-js代码解析 1.      js代码解析 1.1.    前言 在爬取网站时经常会有js生成关键信息,而且js代码是混淆过的. 以瓜子二手车为例,直接请求https://www.guaz ...

  6. 用Python爬取影视网站,直接解析播放地址。

    记录时刻! 写这个爬虫主要是想让自己的爬虫实用,把脚本放到了服务器,成为可随时调用的接口. 思路算是没思路吧!把影视名带上去请求影视网站,然后解析出我们需要的播放地址. 我也把自己的接口分享出来.接口 ...

  7. CssStats – 分析和优化网站 CSS 代码的利器

    CssStats 是一个在线的 CSS 代码分析工具,你只需要输入网址或者直接 CSS 地址即可进行 CSS 代码的全方位分析,是前端开发人员和网页设计师分析网站 CSS 代码的利器,可以统计出 CS ...

  8. VBA常用代码解析

    031 删除工作表中的空行 如果需要删除工作表中所有的空行,可以使用下面的代码. Sub DelBlankRow() DimrRow As Long DimLRow As Long Dimi As L ...

  9. [nRF51822] 12、基础实验代码解析大全 · 实验19 - PWM

    一.PWM概述: PWM(Pulse Width Modulation):脉冲宽度调制技术,通过对一系列脉冲的宽度进行调制,来等效地获得所需要波形. PWM 的几个基本概念: 1) 占空比:占空比是指 ...

随机推荐

  1. js 随机数范围

    Math.floor(Math.random()*(high-low+1) +low)

  2. 几校联考——day1题解

    T1 约数的个数(好像不可提交) 如果一个整数a能够整除整数b,那么a叫做b的约数.现在有N(1 <= N <= 100,000)个整数,对于其中的每一个数,请找出它在其余N - 1个整数 ...

  3. codevs 3385 拯救Oier(一) Save Oier—first

    3385 拯救Oier(一) Save Oier—first 传送门  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 青铜 Bronze 题解       题目描述 Descr ...

  4. 在Python脚本中调用Django环境(方便、右键运行,可用于ORM测试)

    随便创建一个py文件即可: import os if __name__ == '__main__': os.environ.setdefault("DJANGO_SETTINGS_MODUL ...

  5. 24.通过ngram分词机制实现index-time搜索推荐

    一.ngram和index-time搜索推荐原理     1.什么是ngram     假设有一个单词:quick,在5种长度下的ngram情况如下: ngram length=1,q u i c k ...

  6. 联想小新Air 15 安装黑苹果macOS High Sierra 10.13.6过程

    联想小新Air 15 安装黑苹果全过程 本文参考:https://blog.csdn.net/qq_28735663/article/details/80634300 本人是联想小新AIr 15 , ...

  7. python第十二周:MySql

    MySql数据库 MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司.MySQL 是一种关联数据库管理系统,关联数据库将数据保存在不同的表中,而不 ...

  8. 【Codeforces 158C】Cd and pwd commands

    [链接] 我是链接,点我呀:) [题意] 让你实现Shell的cd和pwd操作 [题解] 用一个list表示当前的路径 如果路径以/开头则表示需要清空当前路径重新走路 否则在原来路径的基础上继续加就可 ...

  9. 2017 Multi-University Training Contest - Team 4 Classic Quotation

    Classic Quotation Time Limit: 8000/4000 MS (Java/Others)    Memory Limit: 524288/524288 K (Java/Othe ...

  10. .net performance optimize your C# app 读书笔记

    目录 序 作者简介 推荐人简介 感谢 本书简介 第一章  性能指标 第二章  性能测量 第三章  内部类型 第四章  垃圾回收机制 第五章  集合和泛型 第六章  并发和并行性 第七章  网络.I / ...