网站制作之HTML
时间:2019-02-19
本文章向大家介绍网站制作之HTML,主要包括网站制作之HTML使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
HTML 语言教程
HTML的扩展名是.html 或.htm,格式:<标志名></标志名>,HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。
1.、HTML 语言的基本结构:
<html>//文件开始
<head>//标头区开始
<title>HTML 语言的基本结构</title>//标题区
</head>//标头区结束
<body>//本文区开始
本文区内容
</body>//本文区结束
</html>//文件结束
<html> 网页文件格式。
<head> 标头区 : 记录文件基本资料,如作者、编写时间。
<title> 标题区 : 文件标题须使用在标头区内,可以在浏览器最上面看到标题。
<body> 本文区 : 文件资料,即在浏览器上看到的网站内容。
2、颜色单位有三种表示方法:16进制颜色代码、10进制RGB码、直接颜色名称
<html>
<head>
<title>HTML 语言中颜色的不同表示方法</title>
</head>
<body>
<font color="red">静夜思</font><br>//直接颜色名称
<font color="#FF0000">静夜思</font><br>//16进制颜色代码
<font color="RGB(255,0,0)">静夜思</font><br>//10进制颜色代码
</body>
</html>
3、html 文档中 head 部分的基本使用方法
元素 | 描述 | 格式 |
---|---|---|
title | 文档标题 | <title> …… …… </title> |
meta | 描述非 html 标准的一些文档信息 |
1、定义搜索关键字: <meta name="keywords" content(内容)="html,css,javascript"> 2、控制页面缓存: 3、定义语言: GB2312简体中文,BIG5 繁体中文 4、刷新页面 |
link | 描述当前文档与其他文档之间的连接关系 | <link rel="描述" href="URL 地址"> rel 说明两个文档之间的关系;href 说明目标文档名。以下是一个指定外联样式表文件的例子: <link rel="stylesheet" href="style.css"> |
base | 定义体试时默认的外部资源 | <base href="原始地址" target="目标窗口名称"> |
script | 脚本程序内容 | <script language="脚本语言"> …… …… </script> |
style | 样式表内容 | 用来指定当前文档的 css 层叠样式表。css 对于网页的字体样式、背景、边界等都有很大的应用。详细 部分请大家参阅 css 有关内容。 |
4、html 语言中的 body 的部分用法
元素 | 描述 | 格式 |
---|---|---|
bgcolor | 背景色 | <body bgcolor="颜色值"> |
background | 背景图案 | <body background="URL"> |
text | 文本颜色 | <body text="color" > |
link | 链接文字颜色 | <body link="color"> |
alink | 活动链接文字颜色 | <body alink="color"> |
vlink | 已访问链接文字颜色 | <body vlink="color"> |
leftmargin | 页面左侧的留白距离 | <body leftmargin="value"> |
topmargin | 页面顶部的留白距离 | <body topmargin="value"> |
5、字体
- <b>...</b> 粗体字
- <i>...</i> 斜体字
- <del>...</del> 横线 ( 表示删除 )
- <tt>...</tt> 打字体 ( 固定宽度文字 )
- <sup>...</sup> 上标字
- <sub>...</sub> 下标字
- <!...> 注解 ( 不会显示在浏览器上 ),可以多行
- Swift开发React Native组件
- 深入理解Android插件化技术
- Kotlin DSL详解
- 大规模异常滥用检测:基于局部敏感哈希算法——来自Uber Engineering的实践
- 事务与一致性:刚性or柔性?
- 文本相似度算法小结
- return的值都去哪了?去哪了,“谁伸手了,return的结果就给谁”
- 面试时对方问你,“xxx需求你是怎么做的”?你可以这样回答
- vue.js的条件渲染,其实就是模板里面写if else
- vue.js的插槽 - slot 是啥?要我说,它就是个“形参”
- Vue2.0,lifeCycle ['laɪfˌsaɪkl] -- 生命周期大白话~
- 什么生命周期,在我看来就是各种回调 &&电商项目作业检查 -- 张xx
- 小知识点 -- nodejs中的console.log打印输出在哪里?
- 学js少看书肯定是不成的,要多看。
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- php实现获取近几日、月时间示例
- PHP+redis实现微博的拉模型案例详解
- PHP实现微信申请退款功能
- Laravel+Intervention实现上传图片功能示例
- 关于laravel框架中的常用目录路径函数
- Java byte数组操纵方式代码实例解析
- php桥接模式应用案例分析
- PHP设计模式之中介者模式(Mediator Pattern)入门与应用案例详解
- laravel 出现command not found问题的解决方案
- PHP怎么搭建百度Ueditor富文本编辑器
- 使用composer命令加载vendor中的第三方类库 的方法
- PHP批斗大会之缺失的异常详解
- Laravel 6.2 中添加了可调用容器对象的方法
- php实现微信企业转账功能
- 在 Laravel 6 中缓存数据库查询结果的方法