html基础zs知识

xiuxuan

【网站定义】
　　什么是网站？
　　网站就是由多个网页联系在一起构建出来的一个整体；
　　什么网页？
　　网页就是由文字，图片和超链接组成的html文档。
　　制作网页的技术是什么技术？制作网页的技术是web前端标准。
【web前端标准】
　　web前端标准又称之为web前端技术，它是由W3C组织发布以及维护的一套技术规范。
　　web前端标准的官方定义：
　　它不是一项技术，而是一系列技术，包括如下三项：
　　1、结构标准 --- html；
　　2、样式标准 --- css;
　　3、行为标准 --- javascript；
　　解释：行为可以理解为功能（动画）； 样式可以理解为装饰，美观；
【网页基本结构】
《认识html》
　　什么是html？
　　html超文本标记语言，（Hyper Text Markup Language）,它是写给浏览器看的一项语言，注意：不是编程语言。
　　html的作用？
　　html是负责网页的结构搭建，布局排版，对网页中信息进行控制；
《html标签语法》
　　html标签语言又称之为html标记语言，书写html标签需要遵循相关的语法：
　　1、html标签成对出现，并且区分首尾，尾标签加上关闭符号： /  斜杠；
　　2、html语言必须写在标签符号里面： < 大小于号，俗称为“尖括号”  >   ；

《网页的基本结构》
　　网页的基本结构由4对标签组成：
　　html --- 表示网页的整体；
　　head --- 表示网页的头部；这里面的内容都是给浏览器去看的；
　　body --- 表示网页的主体，这里面的内容都是给用户去看的；
　　title --- 表示网页的标题，需要写在head里面；
《标签关系》
　　在html中，所有的标签之间只有两种关系： 一种是并列关系，一种嵌套关系；
【开发工具】
《开发工具初始化设置》
　　dw初始化设置快捷键： ctrl+u
【html标签】
　　h1 --- 标题标签； 一共有6级，h1—h6
　　p --- 段落标签； 浏览器会将它内部的信息编译成一个段落；
《语义标签》
　　语义标签让不同的内容赋予了不同的语义；
《文字控制标签》
　　在文字控制中，修改需求最大的是：颜色，字号，字体，这三个需求都是通过一个标签进行控制：font 标签； 修改哪部分内容就用font标签选中，然后设置它的标签属性；
　　标签属性的基本结构:
　　k=”v”   例如：color=”red”
　　注意事项：标签属性采用键值对的基本结构；多个属性之间用空格隔开；
　　键值对翻译过来就是： 什么是什么的意思。
　　font标签的文字控制三属性：
　　color --- 颜色；（它的值可以是英文名称，也可以是拾色器获取的颜色值）
　　size --- 字号大小；1-7级,最大是7；
　　face --- 字体设置；
《水平分割线标签》
　　hr表示水平分割线，它是一个单标签；<hr />
　　标签属性：
　　size --- 粗细大小； 没有限制；
　　color --- 颜色
　　width --- 宽度；
　　align --- 水平对齐方式，它的值有三个：left center right 左中右 ；
　　注意事项：在html中，谁的属性给谁写，不能随便加！ 标题和段落是接受align属性的；
《body的属性》
　　bgcolor --- 设置背景颜色；
　　background --- 设置背景图片；
　　注意事项: 在web前端标准中，背景颜色永远是在背景图的下面；
《bui标签和空格换行》
　　b --- 给文字加粗标签
　　u --- 下划线；
　　i --- 斜体；
　　<br /> 表示换行标签； 快捷键： shift+enter(回车键)
　　表示空格的特殊字符:      快捷键： ctrl+shift+space(空格键)
【图片控制标签】
　　图片的控制是通过img标签；
　　标签属性：
　　src --- 指定图片的文件路径； （必备）
　　width --- 图片宽度；
　　height --- 图片高度；
　　border --- 边框；
　　title --- 设置鼠标移上图片显示的提示文本（图片的标题）；
　　alt -- 设置图片不能正常显示的替换文本；
　　设置图片等比例缩放的方式： 宽度或高度只修改其中一个，另外一个让计算机自动计算；
【列表标签】
《无序列表》
　　无序列表基本结构: ul>li
　　ul 表示无序列表的整体； li 表示列表项； ul的内部可以有无数个li;
　　修改列表的样式是通过type属性:
　　disc --- 小圆点（默认）
　　circle --- 小圆圈；
　　square --- 小矩形；
《有序列表》
　　有序列表的基本结构：
　　ol>li  
　　ol表示列表整体，li表示列表项；
　　列表样式值: 1，a，A，i，I