web前端-凯发k8官方网
一、基本概念
1、简介
html：网页超文本标记语言，不是编程语言，是描述性的标记语言。
2、基本结构
| 12345678 | 文件开始标记 文件头开始的标记……文件头的内容 文件头结束的标记 文件主体开始的标记……文件主体的内容 文件主体结束的标记 文件结束标记 |
3、标记
：html开头，表示网页文档的开始
：标明文档的头部信息
：指明文档的主体区域
二、编写方法
文档工具，如：记事本
ide
三、浏览html文件
1、运行效果
如果用pycharm编写，不要直接运行，直接找到文件路径打开这个文件最快捷。因为pycharm直接运行是作为一个服务监听起来，比较慢。
2、看源文件
鼠标右键-->查看源文件
一、标记
head头部元素包括标题、基础信息和元信息等；
作用范围：整篇文档；
头信息中可以有：元信息、文档样式表和脚本等；
头部信息一般不会再网页上直接显示。
二、标记</h3><li><p>用来说明页面的用途，显示在浏览器的标题栏中。</p></li><li><p>位置：<head>……</head>之间</p></li><h3>三、<meta>元信息</h3><p style="text-indent:2em;">用来定义页面信息的说明、关键字和刷新等，它<span style="font-size:15px;line-height:1.6;">不用结束标记。</span><span style="font-size:15px;line-height:1.6;">属性有name和http-equiv。</span></p><h5>1、设置页面关键字<br /></h5><p style="text-indent:2em;">供搜索引擎使用</p><table border="0" cellpadding="0" cellspacing="0" class="nobordertable"><tbody><tr><td class="gutter">123456</td><td class="code"><html lang="en"><head> <meta name="keywords" content="插入关键字" charset="utf-8"> <title>插入关键字
2、设置页面说明
详细说明网页的内容
| 1 |
3、定义编辑工具
设置网页编辑工具名称
| 1 |
4、设置作者信息
| 1 |
5、设置网页文字及语言
| 1 |
6、设置网页定时跳转
| 1 |
7、icon
| 123 |
8、css文件
9、js文件
四、主体标记
1、背景色 bgcolor
默认颜色是白色或灰白色，bgcolor自定义背景颜色。
| 123 | ……主体内容 |
2、背景图片 backgroud
| 1 |
3、文字颜色 text
| 1 |
4、链接文字属性 link
超链接的颜色默认是蓝色，访问后变成暗红色。可以通过link修改：
| 1 |
5、边距 margin
设置页面和浏览器边框的距离
| 1 |
五、注释标记
| 1 |
一、标题
1、h标记
，级别从最高到最低。
| 123456 | 二级标题三级标题…… |
2、对齐方式 align
默认是左对齐，如更改，用align属性。
left：左对齐
center：居中
right：右对齐
| 1 |
二、文本基本标记
标记用来控制字体、字号和颜色等属性。
1、字体属性 face
| 123 | …… |
2、字号属性 size
| 1 |
3、字体颜色 color
| 1 | …… |
三、文本格式化标记
1、字体加粗
| 12 | 加粗的文字加粗的文字 |
2、斜体
| 123 | 斜体文字效果斜体文字效果斜体文字效果 |
3、上标 sup
如：平方、立方
sup是superscript的缩写，在数学公式、日常计算应用、书记文章注解等有广泛应用。可在文字的任何地方使用，允许嵌套。
| 12345 |
结果：
4、下标sub
如：化学方程式
sub是subscript的缩写，在数学公式、化学方程式有广泛应用。
| 12345 |
结果：
5、增大一级字号
| 1 | 大字号内容 |
6、小字号标记
| 1 | 小字号内容 |
7、下划线
| 1 | 下划线内容 |
四、段落标记
1、段落p
| 1 | 段落文字 |
它没有结束标记
，下一个开始意味着上一个段落结束。
2、换行br
相当于windows的“\r\n”和linux的"\n"换行
| 1 | 文字内容 文字内容 |
3、不换行nobr
| 1 |
五、水平线
1、插入水平线hr
| 1 |
2、水平线宽度width
| 1 |
3、水平线高度size
| 1 |
4、水平线去阴影noshade
布尔值，加上它，不会显示例题形状的水平线。浏览器默认是显示一条立体形状带阴影的水平线。
| 1 |
5、水平线颜色color
| 1 |
6、水平线排列 align
水平线默认是居中对齐，要想左对齐或右对齐，用align语法，该语法有3种：
center：居中
left：左对齐
right：右对齐
| 1 |
六、其它标记
以&开头，以；结束。
1、插入空格
| 1 |
2、插入特殊符号
| “ | " |
| & | & |
| < | < |
> | > |
| × | × |
| § | § |
还有更多，参考博客http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html。
一、列表类型
列表有三种：有序列表、无序列表和定义列表。
有序列表：项目符号由字母或数字进行排序；
无序列表：项目符号由几个符号构成；
定义列表：灵活自定义。
二、有序列表
1、有序列表标记 ol
| 12345 |
|
2、有序列表序号类型 type
有序列表项目符号默认是数字，用type属性来改变成大小写字母、阿拉伯数字和大小写罗马数字。
| type | 列表项目的序号类型 |
| 1 | 数字1、2、3、4…… |
| a | 小写字母a、b、c、…… |
| a | 大写字母a、b、c、…… |
| i | 小写罗马数字i、ii、iii、…… |
| i | 大写罗马数字i、ii、iii、…… |
| 12345 |
|
3、有序列表的起始数值 start
默认是从1开始，用start属性修改，也可以改动除数字的其它类型。
| 12345 |
|
三、无序列表
1、无序列表标记 ul
| 12345 |
|
2、无序列表类型 type
| disc | 默认值，黑色实心圆点项目符号“●” |
| circle | 空心圆环项目符号“○” |
| square | 正方形的项目符号“□” |
语法：
| 12345 |
|
四、定义列表 dl
dl英文全称：definition list
dt英文全称：definition term
dd英文全称：definition description
| 12345 |
|
举例：
| 12345678 |
|
五、目录列表
用于创建多列的目录列表，显示效果与无序列表相同，它的功能也可通过无序列表实现。
| 12345 |
六、菜单列表
用于设计单列的菜单列表，显示效果与无序列表相同，它的功能也可通过无序列表实现。
| 12345 |
来自为知笔记(wiz)
转载于:https://www.cnblogs.com/daliangtou/p/5169171.html
《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读总结
以上是凯发k8官方网为你收集整理的web前端--html的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 前端ajax封装对象数组，后台的取法
- 下一篇：