disc默认
square
circle
2.超链接标记
文本或图像
target取值可以是_self(原窗口打开) 和_blank(在新窗口打开)
href 跳转目标为指定链接指向页面的URL
百度
在原页面打开
游戏 在新页面打开
标记
标记简单而言就是一个区块容器标记,可以将网页分割为独立且不同的部分,以实现网页的规划和布局.在HTML页面中,它以开头,并以结尾,在其中可以容纳段落,标题,图像等各种网页元素,也就是说,大事多数HTML标记都可以嵌套在标记中,并且还可以嵌套多层
这是一个标题
这是一个段落
在实际开发中标记常常与CSS技术搭配使用
CSS技术
CSS层叠样式表单,是一种用于增强控制网页样式并允许将样式信息与网页内容分离的标记性语言.在实际开发中,主要用于设置HTML页面中的文本内容(字体,字号,对齐方式等),图片的外形(宽高,边框样式,边距等)以及版面的布局等外观显示样式.
CSS定义的规则具体如下:
选择器{属性1:属性值 1; 属性2:属性值2;属性3:属性值3;}
在上述样式规则中,选择器用于指定CSS样式作用的HTML对象,大括号内的属性是对该对象设置的具体样式.其中,属性和属性值以"键值对"的形式出现,它们之间用":"连接,多个键值对之间用";"分割.
CSS样式对标记进行设置 div{border:2px solid blue; width: 300px ; height:200px}
div为选择器,表示CSS样式作用的HTML对象;border,width和height为CSS属性,分别表示边框,宽度,高度,其中border属性的三个值"2px solid blue;"分别表示该边框为2像素,实心边框线,蓝色.
CSS样式的引用方式
要使用CSS修饰网页,就需要在HTML文档中引入CSS.通常在实际项目开发中,引入CSS会采用两种方式:内嵌式和链入式.下面将对这两种引入方式进行详细讲解.
1.内嵌式
内嵌式是将CSS代码集中写在HTML文档中的
头部标记中,并用
上述语法中,
CSS样式
style标记一般位于head标记中,使用它课定义内嵌式CSS样式表
HTML文档的头部使用style标记定义内嵌式CSS样式,第6行使用了标题标记
设置标题,第八行定义了标记的样式.使用浏览器打开效果如上图
内嵌式引入CSS只对其所在的HTML页面有效,因此仅设计一个页面时,使用内嵌式是一个很好的选择,但是如果是一个网站,不建议使用这种方式,因为它不能充分发挥CSS代码的重用优势
2.链入式
链入式是将所有的样式放在一个或多个css为扩展名的外部样式表文件中,通过标记将外部样式表文件连接到HTML文件中,其基本语法格式如下:
上述语法中,标记需要放到
头部标记中,并且必须指定的3个属性:
(1) href:定义所连接外部样式表文件的地址,可以是相对路径可以是绝对路径
(2)type:定义所链接文档的类型,这里需要指定为text/css,表示链接的外部文件为CSS
(3)rel: 定义当前文档与被链接文档之间的关系,这里需哟指定为stylesheet,表示被链接的文档是一个样式表文件.
使用CSS内嵌式
CSS样式
style标记一般位于head标记中,使用它课定义内嵌式CSS样式表
css文件:
/*定义标题标记为居中对齐*/
h2{ text-align:center;}
/*定义div标记样式*/
div{border:1px solid blue; width :500px ; height:50px; color:red;}
在实际开发中,链入式是使用频率最高且最实用的引入方式,它将HTML代码与CSS代码分离为两个或多个文件,实现了结构和表现的完全分离,同一个CSS文件可以被不同的HTML页面链接使用,同时,一个HTML页面也可以通过多个标记链接多个css文件
CSS选择器和常用属性
要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素.在CSS中,执行这一任务的部分成为选择器
1.标记选择器
是指用HTML标记名称作为选择器,按标记名称分类,为页面中的某一类标记指定统一的样式.其基本语法格式如下:
标记名{属性1:属性值 1; 属性2:属性值2;属性3:属性值3;}
上述语法中,所有的HTML标记都可以作为标记选择器的标记名,例如
标记等.,通过标记选择器定义的样式对页面中该类型的所有标记都有效,这是它的优点,,但同时也是缺点因为这样就不能设计差异化样式.
2.类选择器
类选择器使用"."进行标识,后面紧跟类名,其基本语法格式如下:
.类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
上述语法中,类名即为HTML页面中元素的class属性值,大多数HTML元素都可以定义class属性.类选择器最大的优势是可以为元素对象定义单独或相同的样式.
3.id选择器
id选择器使用"#"进行标识,后面紧跟id名,其基本语法是如下:
#id名{属性1:属性值 1; 属性2:属性值2;属性3:属性值3;}
id名即为HTML页面中元素的id属性值,大多数HTML元素都可以定义Id属性,元素的id值是为一点,只能对应于文档中某一个具体的元素.
选择器
标题一:class="red",设置文字为红色.
段落一:class="green font18"
段落二:class="red font18"
段落一:id="bold"
段落二:id="font24"
段落三:id="bold font24"
最好不要添加边框,使用CSS添加边框样式和颜色