HTML基础
一、基本概念
1、简介
HTML:网页超文本标记语言,不是编程语言,是描述性的标记语言。
2、基本结构
3、标记
:html开头,表示网页文档的开始
二、编写方法文档工具,如:记事本
IDE
三、浏览html文件
1、运行效果
如果用pycharm编写,不要直接运行,直接找到文件路径打开这个文件最快捷。因为pycharm直接运行是作为一个服务监听起来,比较慢。
2、看源文件
鼠标右键-->查看源文件
HTML基本标记
一、
标记head头部元素包括标题、基础信息和元信息等;作用范围:整篇文档;
头信息中可以有:元信息、文档样式表和脚本等;
头部信息一般不会再网页上直接显示。
二、
标记用来说明页面的用途,显示在浏览器的标题栏中。位置:
……之间三、元信息
用来定义页面信息的说明、关键字和刷新等,它不用结束标记。属性有name和http-equiv。
1、设置页面关键字
供搜索引擎使用
2、设置页面说明
详细说明网页的内容
3、定义编辑工具
设置网页编辑工具名称
4、设置作者信息
5、设置网页文字及语言
6、设置网页定时跳转
7、icon
8、css文件
?9、js文件
四、主体标记
1、背景色 bgcolor
默认颜色是白色或灰白色,bgcolor自定义背景颜色。
2、背景图片 backgroud
3、文字颜色 text
4、链接文字属性 link
超链接的颜色默认是蓝色,访问后变成暗红色。可以通过link修改:
5、边距 margin
设置页面和浏览器边框的距离
五、注释标记
文字与段落标记
一、标题
1、h标记
~
,级别从最高到最低。
2、对齐方式 align
默认是左对齐,如更改,用align属性。left:左对齐
center:居中
right:右对齐
二、文本基本标记
标记用来控制字体、字号和颜色等属性。
1、字体属性 face
2、字号属性 size
3、字体颜色 color
三、文本格式化标记
1、字体加粗
2、斜体
3、上标 sup
如:平方、立方
sup是superscript的缩写,在数学公式、日常计算应用、书记文章注解等有广泛应用。可在文字的任何地方使用,允许嵌套。
结果:
4、下标sub
如:化学方程式
sub是subscript的缩写,在数学公式、化学方程式有广泛应用。
结果:
5、增大一级字号
6、小字号标记
7、下划线
四、段落标记
1、段落p
它没有结束标记
,下一个开始意味着上一个段落结束。
2、换行br
相当于windows的“\r\n”和linux的"\n"换行
3、不换行nobr
五、水平线
1、插入水平线hr
2、水平线宽度width
3、水平线高度size
4、水平线去阴影noshade
布尔值,加上它,不会显示例题形状的水平线。浏览器默认是显示一条立体形状带阴影的水平线。
5、水平线颜色color
6、水平线排列 align
水平线默认是居中对齐,要想左对齐或右对齐,用align语法,该语法有3种:center:居中
left:左对齐
right:右对齐
六、其它标记
以&开头,以;结束。
1、插入空格
2、插入特殊符号“"
&&
>>
××
§§
使用列表
更多推荐
web前端html代码,WEB前端--HTML(示例代码)
发布评论