中山公司做网站,常州建设工程交易网,泊头 网站优化,宝塔做网站可以用什么端口Python网站页面开发HTML总结
一、HTML基础语法
1.HTML是什么#xff1f;
●HTML是HyperText Mark-up Language的首字母简写#xff0c;即超文本标记语言。 ●HTML不是一种编程语言#xff0c;而是一种标记语言。 ●超文本指的是超链接#xff0c;标记指的是标签#xf…Python网站页面开发HTML总结
一、HTML基础语法
1.HTML是什么
●HTML是HyperText Mark-up Language的首字母简写即超文本标记语言。 ●HTML不是一种编程语言而是一种标记语言。 ●超文本指的是超链接标记指的是标签是一种用来制作网页的语言这种语言由一个个的标签组成。 ●用这种语言制作的文件保存的是一个文本文件文件的扩展名为.html或者.htm ●“html文档也叫Web页面其实就是一个网页html文件用编辑器打开显示的是文本可以用文本的方式编辑它。 ●如果用浏览器打开浏览器会按照标签描述内容将文件渲染成网页显示的网页可以从一个网页链接跳转到另外一个网页。
2.HTML基本结构
●HTML是由:标签和内容构成。
●HTML标签(标记)的语法是由和括起来。
● HTML标签有两种:双标签:标签名..../标签名和单标签:标签名/
●HTML标签中还可以添加属性:标签名属性名1“值1”属性名2“值2”属性名n“值n”..…./标签名
●HTML标签规范∶标签名小写、属性使用双引号、标签要闭合。规范不遵守浏览器不会报错会尽量解析大不了不显示效果。! DOCTYPE html!--头部是html的类型此处代表的是采用html5版本浏览器可以识别解析--
html langenheadmeta charsetUTF-8title网页标题/title!--此处可以写各种页头属性设置、CSS样式和Javascript脚本等...--/ head
body网页显示内容
/body
/ html3.HTML注释
html代码文档中可以插入注释注释是对代码的说明和解释4.HTML中head头部信息设置
●设置网页编码meta charsetutf-8 /
●关键字meta nameKeywords content关键字/
●描述meta nameDescription content简介、描述/
●网页标题title本网页标题/title
●导入CSS文件:link typetext/css relstylesheet href**.css/
●CSS代码style typetext/css嵌入css样式代码/style
●JS文件或代码script .../script二、HTML常用标签介绍
1.文本标签
●hn../hn其中n为1--6的值。标题标签加粗、独立行)●i.../i斜体●em.../em强调斜体●b.…/b加粗●strong .../strong强调加粗●cite/cite作品的标题引用)●sub.../sub下标●sup.../sup上标●del.../del删除线2.格式化标签
●br/换行●p…./p换段●hr /水平分割线●列表:
●ul.../ul无序列表
●ol../ol有序列表其中type类型值:Aali 1 start属性表示起始值
●li.../li列表项
●dl../dl自定义列表. dt.../dt自定义列表头.dd.../dd自定义列表内容
●div.../div常用于组合块级元素以便通过CSS来对这些元素进行格式化
●span.../span常用于包含的文本您可以使用CSS对它定义样式或者使用JavaScript对它进行操作。3.图片标签
●img/在网页中插入一张图片
●属性:●src:图片名及url地址●alt:图片加载失败时的提示信息.title:文字提示属性●width:图片宽度● height:图片高度●border:边框线粗细4.超级链接标签
●a href“”.../a超级链接标签属性如下:
●href:必须指的是链接跳转地址
●target:表示链接的打开方式:●_blank 新窗口●_parent父窗口●_self本窗口(默认)●_top顶级窗口● framename窗口名● title:文字提示属性详情)●锚点链接:●定义一个锚点:a ida1/a以前使用的是a namea1/a●使用锚点:a href#a1 跳到a1处/a5.表格标签用来显示数据
●table../table表格标签:属性: border表格边框的粗细大小、 width、cellspacing单元格之间的间距. cellpadding单元格里的内容到单元格边框的距离●caption.../caption表格标题
●tr.../tr行标签
● th.../th列头标签内容会加粗居中显示
●td.../td列标签:跨行属性: rowspan 跨列属性:colspan 合并单元格的作用
●thead.../thead表头
● tbody.../tbody表体●tfoot.../tfoot表尾注意表格里的内容必须放到th、hd标签中否则会被挤出表格6.表单标签用来接收数据
●form.../form表单标签 form action填写目标地址填完表单后会跳转该地址 methodpost/getpost是指在跳转到页面后在网址栏那个地方不显示表单的内容get是指在跳转到页面后在网址栏那个地方显示表单的内容●input /表单项标签input定义输入字段用户可在其中输入数据。● select.../select标签创建下拉列表。● textarea../textarea多行的文本输入区域●button.../button标签定义按钮。●fieldset--/fieldset元素可将表单内的相关元素分组。●legend/legend 标签为fieldest、figure以及details元素定义标题。●datalist html5标签--datalist 标签定义可选数据的列表。●optgroup html5标签--optgroup标签定义选项组。7.行内框架标签
●iframe.../iframe行内框架
属性:src:规定在iframe中显示的文档的URLname:规定iframe的名称height:规定 iframe的高度。width:定义iframe的宽度。frameborder:规定是否显示框架周围的边框。
●例如:iframe src1.html namemyframe width700 height500/iframe8.多媒体标签
●audio…/audio音频标签
● video…/video视频标签
●播放Flash的标签
embed src./images/haowan.swf width300 height300/
