HTML学习笔记

HTML学习笔记王慧东2017116基础知识1html超文本标记语言标记就是用来描述网页内容的一些特定符号不是编程语言而是一种描述性的标记语言2制作html网页文件a新建一个记事本文件将他重命名htmlb在里面输入网页的信息内容c在要修饰的内容的两侧加html标记3html标记的语法标记分为两种单标记双标记a没有结束的标记4545单标记单一型无属性值如单一型有属性值如b4545双标记没有属性值如有属性值注意源代码中的效果并不是浏览器最终的效果4标记与属性属性之间以空格分隔属性不区分先后顺序且属性不是必须的5在xhtml中规定所有html标记都要小写所有标记都要有关闭html4545xhtml45456html文档结构所有的网页文件通常由四对标记来构成文档的骨架标识网页文件的开始与结束所有html元素都要放在这对标记中标识网页文件的头部信息如标题搜索引擎的关键字等标识网页文件的标题标题标识网页文件的主题部分正文7meta标记用于定义文件信息对网页文件进行说明便于搜索引擎查找放置之间设置关键字多个关键字内容之间可以用分隔设置描述设置作者设置字符集设置页面定时跳转content2URLhttpblogcsdnnethanbo6228注释9body属性接文本颜色vlink访问过的文本颜色alink激活的链接文本颜色leftmargin左边界rightmargin右边界topmargin上边界bottommargin下边界10html元素html标记html标签是一回事11默认情况下网页内容与浏览器边框之间有距离有某些html元素有默认值12网页文件名在本地可以用汉字练习html将来网页文件都是保存在服务器上的一般都用英文13标记文本网页中的字体字号一般通过CSS修饰白色whiteFFFFFF红色redFF0000蓝色blue0000FF黑色black000000绿色green00FF00灰色gray99999914字符格式加粗文本倾斜文本加强语气加粗文本加强语气倾斜文本下划线文本删除线文本上标文本下标文本15在写html代码时先写我们的控制内容的标记例如这内容比较重要可以在语义上加权关键字这部分内容是文章网页的主题建议使用文章标题16网页段落文字内容45454517段落标记left左对齐默认center居中right右对齐18html标记之间嵌套使用一层套一层不会出现错误但是不能交叉嵌套19网页优化核心用适合的html标记去描述网页内容20段落标题段落标题说明x取值16hx内的文本会自动加粗显示hx针对的对象是段落而font针对的对象的任意文本21换行换行不换段22记住写代码或者效果的演变过程23html中所有的标签都必须有属性值如果没有使用属性名例如454545xhtml454545html24水平直线size像素绝对设置以数字表示属性值越大线越粗百分比相对设置以表示属性值越大线越粗width像素绝对设置长度不会应视窗的改变而改变百分比相对设置长度会随着应视窗宽度而改变noshadenoshade实体线25定义一个块引用使用文本缩进说明citeurl被引用的地址26居中标记内容被废弃的标签27预格式化被包围在pre元素中的文本通常保留空格和换行符而文本也会呈现为等宽字体一个常见应用就是用来表示计算机的源代码28特殊字符空格ampnbsp版本号ampcopy注册商标ampregampquotampampampampgt29在文本中的第一个字前直接敲空格不起作用两个字之间敲多少空格只显示一个空格30列表标记用途列表标记可以创建一般的无序列表编号列表以及定义列表三种方式还可以在一种列表中嵌套另一种列表便于概括显示一系列相关的内容a无序列表内容1内容2表示一个项目typedisc实圈circle空圈square实正方形b有序列表内容1内容2c定义列表标题1表示一个项目内容1表示一个项目下的更详细内容的解释内容2标题1内容1内容2链接链接到另一个页面clickhere可用相对地址链接到另一个文件夹的网页如clickhereclickhereclickhere链接到网页内部clickhereIamhereclickhere文本对齐和列表1文本对齐textblock2列表orderoneordertwoorderthreeitemitemitemtermdefination图像1将图像放到网页中该属性指定的文本title提供在图像可见时对图像的描述图像可以是GIFPNGJPEG格式的图像文件452对齐图像之相反没有center对齐45texttop表示图像的顶部与同一行中最高的图像或文本的顶部对齐middle图像的中心与同一行中其他内容的中心对齐textbottom表示图像的底部与文本的底部对齐baseline表示图像的底部与文本的基线对齐453将图像变为链接Myimagestyleborderstylenone边框可在中包含stylebordestylenone454图像映射MyImage1MyImage2MyImage1gifaltMyImage3标45MyImagestyleborderstylenone标签id的值45自定义背景和颜色1背景颜色和文本颜色中的颜色应用于网页中所有的文本但可以在修改color样式属性改变特定单词或段落的颜色452背景图像定范围所以最好用PNG格式的图像45