Print

HTML规则学习总结(共5篇)


作者:梦回唐朝 文章来源:网络

本文原地址:https://teniu.cc/ku/wk1/9eff3bb1f537d3d1494a8f5ba0450d3b.shtml


第一篇:HTML规则学习总结

HTML

1、一套规则,浏览器认识的规则。

2、开发者:

学习Html规则

开发后台程序:

数据库获取数据,然后替换到html文件的指定位置(Web框架)

3、本地测试

pycharm打开测试

4、编写Html文件

html标签,标签内部可以写属性 ====> 只能有一个

自闭合标签 编码,跳转,刷新,关键字,描述,IE兼容

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
换行符 id #i1{ background-color: #2459a2;height: 48px;}

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 让标签浪起来,块级标签也可以堆叠

老子管不住:

第二篇: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文档结构

所有的网页文件,通常由四对标记来构成文档的骨架: 标题 <title> </head> <body> 正文</p><h2>第四篇:html和css总结</h2><p>Html 超文本标签语言,用<>表示一个一个标签,必须有头有尾,<p>….</p> 网页内容写在<body>里面 分为两大类:行级标签和块级标签 行级标签以行为单位,不会自动换行 块级标签以块为单位,新建是自动换行 块级标签分为基本块级标签 标题标签<h1>到<h6> 段落标签<p>分割线标签<hr /> 布局块级标签 有序列表标签 <ol> </ol></p><p>无序列表标签 <ul> </ul> 定义描述标签 <dl> <dt>标题</dt> <dd>…</dd> </dl> 表格 <tr> <td>…</tb> <td>…</tb> </tr> <tr> <li>…</li> <li> …</li></p><p><td>…</tb> <td>…</tb> </tr> colspan可以定义所跨的列数 rowspan可以定义所跨的行数</p><p>图像标签 src 导入图片的地址,alt是当图片打不开时显示的文字,title表示鼠标悬停时提示的文字 链接标签</p><p>… Href 要打开链接的路径,target表示链接打开的位置,…表示点击那里触动链接 常用的超链接 页面间 锚链接 创建跳转标记</p><p>乙位置 创建跳转链接</p><p>甲位置 表示在页面上从甲位置通过name=“marker”跳转到乙位置。功能性链接</p><p>行级标签: 范围标签<span> 用style设置属性 换行标签<br /></p><p>表单元素: 单行文本框:text 密码框:password 单选按钮:radio 提交按钮:submit 重置按钮:reset 普通按钮:button 图片按钮:image 复选框:checkbox 下拉列表:select 文本域:textarea 文件域:file 下拉列表<select> <option>…</option> </select> 文本域<textarea> ….</textarea> 其他都是<input type= > 几个表单元素的属性需要特殊记忆 readonly 表示只读 disable表示禁用</p><p>selected表示下拉列表默认选中项</p><p>checked表示设置单选或者复选的默认选中项</p><p>name表示在服务器端可以通过该属性来获得表单元素的值</p><p>框架 <frameset> <frame src = /> <frameset> 内联框架:浮动框架</p><p>width:宽度</p><p>height:高度</p><p>frameborder:浮动框架边框</p><p>src:引入路径</p><p>name:命名</p><p></p><p>target=”x":控制网页显示区域</p><p>href:跳转路径</p> <hr> <p align=right>千万量级范文免费下载,请收藏<font color="#3300cc"><a href="https://www.teniu.cc/"><u>特牛范文网! - www.teniu.cc</u></a></font></p> </html>