HTML作为一门标记语言,主要用来描述网页中的文字和图像等信息。那么怎样书写HTML代码,又该如何使用HTML标记控制网页元素?下面从几个方面来讲述:

1、HTML文档基本格式

2、什么是HTML标记?

带有“< >”符号的元素被称为HTML标记,也称为HTML标签或HTML元素,例如:<html>、<head>、<body>等都是HTML标记。

3、标记的属性

以一段代码为例:

<h1 align="center" >标题文本<h1>

h1为标记名;align为属性名;center为属性值,表示标题文本居中对齐。

4、HTML文档头部的相关属性

<link>的基本语法                                                                     <style>的基本语法

   

5、标题标记和段落标记

一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外,为了使网页中的文字有条理地显示出来,HTML提供了相应的标记。

标题标记

h1、h2、h3、h4、h5、h6。

标题标记对齐的属性:

left  :设置标题文字左对齐(默认值)

center:设置标题文字居中对齐

right:设置标题文字右对齐。

段落标记

<p align="对齐方式">段落文本</p>

换行标记</br> 、创建水平线标记</hr>

6、 文本样式标记(font)

文本样式标记用来控制网页中文本的字体、字号和颜色。

<font 属性="属性值">文本内容</font> 

       

浏览网页时常常会看到一些包含特殊字符的文本,如数学公式、版权信息等。

注意:空格符“&nbsp;”

浏览器对空格符“&nbsp;”的解析是有差异的,导致了使用空格符的页面在各个浏览器中显示效果的不同,因此不推荐使用,可使用CSS样式替代。

小白学习HTML(一)——html基本格式相关推荐

  1. 小白学习XM文件转MP3格式教程

    最近周边有朋友,在喜马拉雅上下载的评书给他年迈的爷爷听,爷爷只会用最古老的那种砖块儿样式的MP3,在网上找了很多转换工具都无济于事.偶然一次吃饭得知此事,让我很惊诧. 废话不多说了,上干货: 首先,正 ...

  2. 数据清洗的基本流程_数据分析小白学习之路(三)——Excel多练熟能生巧

    谈到数据分析,我们可能第一时间想到python.SQL.Tableau.帆软.R等,但是这些软件.语言要入门掌握.系统学习起来耗时较长.这时候不得不提到excel这个"平平无奇数分小能手&q ...

  3. excel取整函数_数据分析小白学习之路(三)——Excel多练熟能生巧

    谈到数据分析,我们可能第一时间想到python.SQL.Tableau.帆软.R等,但是这些软件.语言要入门掌握.系统学习起来耗时较长.这时候不得不提到excel这个"平平无奇数分小能手&q ...

  4. android checkbox监听另一个checkbox选中和不选中_一个真正0基础小白学习前端开发的心路历程...

    摘要:真正的0基础小白学习前端开发的心路历程. 距离第一阶段的结束敲响了末尾的声音,抱着初心从开始8号的学习到第一阶段的结束这期间要应付期末考试应付自己的各种事情学习时间总是挤出来的这次学习让我受益匪 ...

  5. 一个真正0基础小白学习前端开发的心路历程

    摘要:真正的0基础小白学习前端开发的心路历程. 距离第一阶段的结束敲响了末尾的声音,抱着初心从开始8号的学习到第一阶段的结束这期间要应付期末考试应付自己的各种事情学习时间总是挤出来的这次学习让我受益匪 ...

  6. 小白学习Basemap气象画地图的第五天(读取micaps站点数据,省级能见度分布)

    小白学习Basemap气象画地图的第五天(读取micaps站点数据,省级能见度分布) 这一帖子,主要介绍了三个重点: 1.micaps站点数据的读取 2.站点数据的插值 3.不均匀色标的生成 在下面的 ...

  7. Linux系统基础小白学习(更新中)

    Linux系统小白学习 Linux基础介绍安装 1.1 Unix与Linux 背景 Unix&Linux区别与联系 1.2 Linux介绍 特点 组成 Linux文件系统 内核版本 硬件 文件 ...

  8. 前端小白学习路线及知识点汇总(三)-- JavaScript基础

    前端小白学习路线及知识点汇总(三)-- JavaScript基础 一. JavaScript的组成 ECMAScript:由ECMA国际进行标准化的一门编程语言,往往被称为JavaScript或Jsc ...

  9. 适合Java零基础小白学习的Java零基础教程

    很多Java零基础小白,在刚刚快入门的时候玩命的学习,玩命的记住Java原理,天天早上五点起床背Java的一些英文词汇,然后遇见一些未知的困难,让自己打到癫狂状态,逐渐迷失自我放弃Java,为了解决这 ...

  10. 小白学习pytorch源码(二):setup.py最详细解读

    小白学习pytorch源码(二) pytorch setup.py最全解析 setup.py与setuptools setup.py最详细解读 setup.py 环境检查 setup.py setup ...

最新文章

  1. c类网络使用子网掩码有无实际意义_弄懂IP系列(2)(刘晶作品)|子网掩码到底是啥?...
  2. ueditor百度编辑器常见报错的解决方法
  3. oracle数据库克隆工具,OracleCopier
  4. 【转】SVN 与 GIT 详细对比
  5. pyqt5从子目录加载qrc文件_实战PyQt5: 045-添加资源文件
  6. C# 10 新特性 —— CallerArgumentExpression
  7. 物联卡的使用_物联卡在手机上使用有什么影响?网友:寿命分别是3个月,16天,9天...
  8. html5自动打印图片,html2canvas生成清晰的图片实现打印代码示例
  9. 强烈推荐这个Java学习文档——不看后悔系列
  10. ln软链接调试mininet
  11. java跳转_java后端实现页面跳转的方法
  12. 使用HadoopDruidIndexer向Druid集群中加载批量数据-Batch Data Ingestion
  13. 2016年全国计算机一级成绩查询时间,2016年3月计算机一级考试成绩什么时候出来...
  14. Python Request POST 上传文件 Multipart/form-data
  15. 汽车牌照的排序与查询
  16. 从 JIT 编译看 Runtime 的过去与未来
  17. android绘制圆角矩形
  18. 微汇智能袁文龙受邀剪彩北斗微芯长沙高新区项目开工
  19. ics文件添加到系统日历
  20. WordMarkLanguage

热门文章

  1. itunes下载的软件所在目录
  2. 服务器和网站域名,网站服务器和域名的区别
  3. Lua实现简易飞机大战
  4. 理解风险偏好risk appetite vs. 风险容忍度risk tolerance
  5. Air for ios横版格斗过关项目技术整理
  6. Nginx实现动静分离(Nginx图片服务器及404问题解决)
  7. 创变数智化,新华三揭开企业上云密码
  8. 内网渗透学习04——域内横向移动
  9. 猫哥教你写爬虫 045--协程
  10. 新手学Windows XP