概念:HTML(Hypertext Markup Language)即超文本标记语言,用于网页文件的制作。HTML由一系列的标记组成,可以说HTML的本质就是通过对各种标记进行组合嵌套将文本,表格,图片等网页元素组织成一个网页页面。

标记:在HTML中标记的种类繁多但是大体也不过被分为两类,头部标记

和页面主体标记。在HTML中绝大部分的标记均为成对使用。

在头部元素标记中有以下几种比较重要的标记:

1.       标题标记。标记标题以

开始,以结束。标记之间的内容为网页标题内容,它将显示在浏览器的标题栏中。

2.       元标记。元标记用于定义页面信息的名称关键字等。标记不是成对出现的。他通过属性方式来定义页面信息。以设置页面关键字为例。设置页面关键字的name的属性值是keyword,它是为了搜索引擎说明该网页的关键词,从而帮助搜索引擎对该网页进行查找和分类,从而提高被搜索到的几率。一般可以设置多个关键词,各个关键词之间用逗号分开,如。除设置关键字外,还可以通过将name属性值设为description来描述网页的主题,,通过refresh属性定时刷新网页或者进行网页定时跳转操作。(间隔时间以秒计算)。

主体标记以

开始,以结束,主体标记中的标记比较多,简单介绍一下下面几种常用标记的作用:

标记

作用

是否成对使用

创建一个段。

属性align表示段的对其方式,#可以是left,center,right,justify.

创建一个空行,用于换行


插入一条水平线。


属性color用来指定线的颜色,clr可以为red,blue,green等,或以十六进制数表示

使文本居中显示

用于指定文档标题是几级标题,n为1到6的整数。.

用于设置字体,属性size表示字体的大小,n可以是1到7的整数。

使文本成为粗体

使文本成为斜体

嵌套使用,指定编号的格式和顺序,用type属性指定编号系统的类型

嵌套使用,建立带有项目符号的列表,用type属性指定符号样式

用于定义表格元素,具有align,border,bgcolor等属性

嵌套在

嵌套在

嵌套在

嵌套在

与嵌套在其中的相关元素组合,在网页上产生一张表单。Method属性用来指定项服务器提交表单的方法。有get或post两种,get方法用于数据量少且不要求安全性的情况下,反之使用post方法

嵌套在

床简历表框

嵌套在中,用于提供列表框中的各个列表项

用于实现超链接,href属性的值为连接地址,…之间的文本为网页中的连接文本

用于在网页中嵌入图像,src属性为图像资源的位置,width和height属性分别制定图像的宽度和高度

html 最简单的网页制作,HTML入门----简单网页制作相关推荐

  1. 【前端实例代码】使用 HTML CSS实现指纹扫描仪特效动画效果 |前端开发 网页制作 基础入门教程 网页开发中常见的样式与特效,收藏起来肯定用的上~

    b站视频演示效果: [web前端特效源码]使用 HTML CSS 和 JavaScript 实现指纹扫描仪特效动画效果 |前端开发 网页制作 基础入门教程 效果图: 完整代码: <!DOCTYP ...

  2. H5网页开发新手入门-H5网页如何适应不同手机屏幕分辨率?

    一.问题汇总 手机网页怎么制作? 怎么让网页适应不同手机屏幕? H5网页设计到底该设计多大尺寸? rem怎么自适应布局? H5一屛页面如何自适应屏幕? viewport该怎么写? width=devi ...

  3. 表格制作教程入门_广告制作技术全套教程 电商海报设计零基础入门 视频流量运营教程...

    广告制作技术全套教程 https://pan.baidu.com/s/1AeMp3Yuao676QA-hyRpvsw 提取码: 7i1p 电商海报设计零基础入门https://pan.baidu.co ...

  4. HTML / CSS / JS 编程入门 —— 使用 Lightly 制作可切换主题的简单网页

    HTML.CSS 和 JavaScript 是前端编程密不可分的三大语言,我们一般看到的网页都由这三种语言组合编程而成.这三者之间究竟有什么样的关系?他们又是通过什么样的软件编成的呢? 目录 1. H ...

  5. html自学网页制作,HTML入门学习教程:简单网页制作

    用一分钟制作自己的第一个网页: 下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间.现在您也许不知道那些尖括号"<>"和里面的字母究竟是些什么 ...

  6. 自学html手机网页设计,HTML_XHTML入门学习教程:简单网页制作,用一分钟制作自己的第一个网 - phpStudy...

    用一分钟制作自己的第一个网页: 下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间.现在您也许不知道那些尖括号"<>"和里面的字母究竟是些什么 ...

  7. 简单又漂亮:小白入门网页制作

    网页大家平时见的非常多,有的网页简约,有的网页很华丽,那么今天我就来分享一下制作网页的基本操作.就以下面这个网页为例: 1.制作网页需要用到的工具 写网页不需要很多工具,因为写出来的网页只是一张图片, ...

  8. Web前端开发入门之网页制作三要素!

    Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,今天小千就给大家简单介绍一下. HTML,超文本标记语 ...

  9. HTML+CSS静态页面游戏网站设计——腾讯游戏(页)学生HTML个人网页作业作品下载 个人网页设计制作 大学生个人网站作业模板 简单个人网页制作

    HTML5期末大作业:游戏网站设计--腾讯游戏(页)学生HTML个人网页作业作品下载 个人网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公司. 学校. ...

最新文章

  1. vue-cli脚手架项目构成
  2. 玩转Linux:常用命令实例指南
  3. python变量类型怎么决定的_python里测试变量类型用什么
  4. IEWebBrowser组件的execWB方法
  5. windows Perl环境安装与Hello World
  6. 通过图书编号查询python_文字版图书管理-python练习
  7. 【工具】Jupyter Notebook介绍
  8. 回来了,回来了,感触很深!
  9. 时光倒流我这么学java
  10. 十四五规划和2035年远景目标纲要 第五篇 加快数字化发展 建设数字中国
  11. Linux下wine最新版源码编译
  12. java数组转换成单链表_【转】单向链表(单链表)的Java实现
  13. C++ 字符跑酷#2 游戏制作实录
  14. 分区助手4.0绿色中文版
  15. 什么是Java SDK
  16. Carsim2019_官方Help学习笔记_Running a VS FMU in Simulink (Carsim与Matlab联合仿真方法之一)
  17. 一文就懂HashMap原理!学不会你来砍我!
  18. 使用nginx代理访问外网
  19. 迪文串口屏幕制作(连载一)=====准备工作
  20. 本因坊精彩对局.pdf (5.72M)

热门文章

  1. 几种常用的接口协议的积累,欢迎补充
  2. JavaScript 练手小案例:超级简单又炫酷的图片手风琴效果
  3. 2019胡润全球富豪榜:北京成为世界10亿美元富豪之都
  4. 数据中心节能技术介绍——间接蒸发自然冷却
  5. 爬虫实战--简单爬取小说网站的小说(面对过程)
  6. ADB:通过 Wi-Fi 连接到Android设备的两种方法
  7. tinyalsa工具命令
  8. mp3与aac音频格式的比较
  9. SolidWorks stp文件转成实体
  10. Python中list、tupe、dic、set的使用小记