第一篇:HTML规则学习总结
HTML
1、一套规则,浏览器认识的规则。
2、开发者:
学习Html规则
开发后台程序:
数据库获取数据,然后替换到html文件的指定位置(Web框架)
3、本地测试
pycharm打开测试
4、编写Html文件
html标签,标签内部可以写属性 ====> 只能有一个
自闭合标签 http-equiv=“X-UA-Compatible” content=“IE=IE9;IE=IE8;” /> 搞图标,欠 <script> 欠 7、body标签 p标签,段落 定位 h系列 span name属性,value=“赵凡” input type='password'value='提交' 提交按钮,表单 input type='button'单选框 value,checked=“checked”,name属性(name相同则互斥) input type='checkbox'依赖form表单的一个属性 enctype=“multipart/form-data” input type='rest'name属性 select标签a标签 锚 href='#某个标签的ID' 标签的ID不允许重复 -img-src图片位置/图片名称 -img标签中可嵌套-a标签做跳转;-alt当图片没有被加载出来时,显示的文字-title当鼠标放在图片上时会有介绍 -列表 -表格 -table:生成一个表格的框架 中间的属性border=”1”可以显示出表格的框架-tr:生成行,th第一行可作为表头 -td:生成列 可以将表格中的标签内容放置在td标签中,td标签可以嵌套a标签进行跳转 table thead表头部分 tr th tbody表身部分 tr td colspan = ''横向合并 rowspan = ''纵向向下合并fieldset Legend 设置一个边框-br p{...选择区 选择器 ****** 名称{ 名称'>标签> 标签选择器 class=' } 所有p设置上此样式 组合选择器(逗号)****** #c1,.c2,p{ } 优先级,标签上style优先,编写顺序,就近原则 2.5 css样式也可以写在单独文件中 3、注释 /* */ 4、边框 border-left 5、height,高度 百分比 width,宽度 像素,百分比 text-align:ceter, 水平方向居中 line-height,垂直方向根据标签高度 color、字体颜色 font-size、字体大小 font-weight 字体加粗 6、float 让标签浪起来,块级标签也可以堆叠 老子管不住: 第一章 网页基本框架:
换行符 id #i1{ background-color: #2459a2;height: 48px;}第二篇:html总结
第三篇:HTML学习日志
HTML学习日志
01.HTML简介
HTML(Hyper Text Mark-up Language超文本标记语言),标记就是用来描述网页内容的一些特定符号,HTML不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、大小来显示,这些都是利用HTML标记来实现的.HTML文档的创建方式: 用HTML语言创建的文档 ·手工直接编写(例如记事本)·通过图形化的HTML开发软件Dreamweaver ·由Web服务器上的动态网页程序生成 标记也称为标签或元素.02.HTML语法
HTML最基本的语法是: <标记符>内容标记符> 标记符通常都是成对出现的,有一个开头标记和结束标记,结束标记只是在开头标记的前面加一个斜杠“/”,当浏览器打开html文件后,就会理解里面的标记符,然后把标记符对应的功能表达出来。例如:
文字内容 制作一个html网页文件: ·新建一个记事本的文件,命名为 *.html ·在文件里面输入内容
HTML标记的类型: 单标记与双标记 ·单标记: <标记名称> ·单一型,无属性值: 如:
·单一型,有属性值: 如:
·双标记
·无属性值: <标记名称>...标记名称>如:
·属性不区分先后顺序,且属性不是必需的.·虽然在HTML中标记不区分大小写,但在XHTML中所有标记都必须小写,所以建议所有标记都采用小写.03.HTML文档结构
所有的网页文件,通常由四对标记来构成文档的骨架:
第四篇:html和css总结
Html 超文本标签语言,用<>表示一个一个标签,必须有头有尾,
….
网页内容写在里面 分为两大类:行级标签和块级标签 行级标签以行为单位,不会自动换行 块级标签以块为单位,新建是自动换行 块级标签分为基本块级标签 标题标签到 段落标签
分割线标签
布局块级标签 有序列表标签
无序列表标签
- 标题
- …
图像标签 src 导入图片的地址,alt是当图片打不开时显示的文字,title表示鼠标悬停时提示的文字 链接标签
… Href 要打开链接的路径,target表示链接打开的位置,…表示点击那里触动链接 常用的超链接 页面间 锚链接 创建跳转标记
乙位置 创建跳转链接
甲位置 表示在页面上从甲位置通过name=“marker”跳转到乙位置。功能性链接
行级标签: 范围标签 用style设置属性 换行标签
表单元素: 单行文本框:text 密码框:password 单选按钮:radio 提交按钮:submit 重置按钮:reset 普通按钮:button 图片按钮:image 复选框:checkbox 下拉列表:select 文本域:textarea 文件域:file 下拉列表 文本域 其他都是 几个表单元素的属性需要特殊记忆 readonly 表示只读 disable表示禁用
selected表示下拉列表默认选中项
checked表示设置单选或者复选的默认选中项
name表示在服务器端可以通过该属性来获得表单元素的值
框架