第二章 网页基本代码

简介: 本章将会学习网页的基本代码了解使用。

网页HTML的基本结构

1. <html>
2. <head>
3. <title>网页标题</title>
4. </head>
5. <body>
6.      网页内容
7. </body>
8. </html>


HTML 超文本标记语言 格式包含很多标签是网页的制作核心语言


作用:主要用来告诉浏览器如何显示网页


特点:简单易学 平台无惯性


工作原理:浏览器对接收到的HTML纯文本代码做进一步的解释并执行


网页编辑工具:记事本 和 Dreamwear等其他代码编辑器


head头部中的重要标签


<meta> 用来描述网页具体的摘要信息 包括文本内容类型学符编码 搜索关键字 网站提供的功能和服务


例如

例如:<meta http-equir="content-type" content="text/html;charset=gb2314"/>
     <meta mame="keywords" content="北大青鸟,IT培训"/>
     <meta name= "dedcription" conten="北大青鸟最大的IT教育集团,致力于培养优秀人才" >

<link/>      指定连接的或者本网页可以用到的外部文件如   .css    .js

例如:<link href="style.css"  rel="stylensh" type=text/css"/>


HTML的基本常用标签


<h1></h1>-<h6></h6>#网页内容标题标签
    <hr/>#水平线标签
    <br/>#换行标签
    <p></p>#段落标签
    <spen></spen>#范围标签
    <img />#图片标签
    <a></a>#超链接标签
    <ol></ol>#有序列表
    <ul></ul>#无序列表
    <li></li>#列表中的项
    <dl></dl>#图片混编的列表定义
    <dd></dd>#dl中指定文件内容
    <dt></dt>dl中指定图片路径
目录
相关文章
|
6月前
|
Web App开发 移动开发 前端开发
初探前端世界:网页基本结构入门指南
初探前端世界:网页基本结构入门指南
105 0
|
3月前
|
移动开发 HTML5
快速学习并掌握如何编写简单的网页
本文介绍了HTML的基础知识,包括使用标签描述页面结构的方法。常见标签如标题`&lt;h1&gt;`至`&lt;h6&gt;`、段落`&lt;p&gt;`、链接`&lt;a&gt;`等被详细解释。并通过实例展示了如何创建包含文本、图片与表格的简单网页,适合初学者快速掌握HTML并进行实践。继续深入学习可助您编写更复杂的网页内容。
35 6
|
7月前
|
C语言
第一章 C语言知识点(程序)
第一章 C语言知识点(程序)
61 0
|
4月前
|
数据采集 存储 编解码
简略nodejs爬取网站内容技术
互联网公开信息可通过数据爬取获取,常用Python实现。利用URL以HTTP形式抓取数据,需登录验证时使用token或账号密码。针对HTML页面,从DOM提取所需内容。Python与Node.js均有丰富库支持爬虫开发。如Node.js下的Axios用于请求数据,iconv-lite处理非UTF-8编码,Cheerio则解析HTML节点。基本流程包括:按规则请求HTTP内容,处理返回数据,并存储解析结果。
|
7月前
|
前端开发 JavaScript 关系型数据库
前端网页手册(1)--基础学习
前端网页手册(1)--基础学习
37 1
|
7月前
|
缓存 前端开发 JavaScript
如何优化前端网页加载速度:实用技巧大揭秘
在当今互联网时代,快速加载的网页是用户体验的关键。本文将介绍一些实用的前端优化技巧,从减少HTTP请求到使用CDN加速,帮助开发人员提高网页加载速度,提升用户满意度。
|
7月前
|
缓存 前端开发 JavaScript
如何优化前端网页加载速度:7个实用技巧
在当今互联网时代,网页加载速度对用户体验至关重要。本文将介绍7个实用的技巧,帮助前端开发者优化网页加载速度,提升用户体验。从压缩资源到异步加载,从图片优化到缓存策略,这些技巧将帮助你在前端开发中取得更好的效果。
|
7月前
|
前端开发 安全 应用服务中间件
Axure9官网网页的源代码篡改,自定义为个人开发使用
Axure9官网网页的源代码篡改,自定义为个人开发使用
|
前端开发
清明节,如何用代码让网页变灰
清明节,如何用代码让网页变灰
|
前端开发
前端知识学习案例-浏览器得工作原理
前端知识学习案例-浏览器得工作原理
61 0
前端知识学习案例-浏览器得工作原理

相关实验场景

更多