HTML部分标签的使用方法2 htmlcss
程序员文章站
2024-03-15 21:04:03
...
HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
注释:在 href 属性中指定链接的地址。
list-style-type:none//删除圆点。导航栏不需要列表项标记
margin:0px上下左右边距都为0
padding:10px; 意思是上下左右值全是10px
font-weight:normol(bold)//字体正常(加粗)
display:block - 把链接显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度。
width:60px - 块元素默认占用全部可用宽度。我们需要规定 60 像素的宽度。
text-align:center 属性规定元素中的文本的水平对齐方式。
padding:4px 简写属性在一个声明中设置所有内边距属性。
text-decoration:overline(none) 文本样式,字体上划线(没有下划线)
text-transform://不同的文本样式
h1 {text-transform:uppercase}
h2 {text-transform:capitalize}
p {text-transform:lowercase}
float:left//表示向左浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块
a:link {color: #FF0000} /* 未访问时的状态 */
a:visited {color: #00FF00} /* 已访问过的状态 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */
a:active {color: #0000FF} /* 鼠标按下去时的状态 */
overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出
术语翻译
element : 元素。
padding : 内边距,也有资料将其翻译为填充。
border : 边框。
margin : 外边距,也有资料将其翻译为空白或空白边。
<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.
<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间
这里是一个例子:(两行两列)
<table>
<tr>
<td>www.ihuby.com</td>
<td>www.vvoov.com</td>
</tr>
</teble>
2
HTML 段落是通过 <p> 标签进行定义的。
HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
注释:在 href 属性中指定链接的地址。
list-style-type:none//删除圆点。导航栏不需要列表项标记
margin:0px上下左右边距都为0
padding:10px; 意思是上下左右值全是10px
font-weight:normol(bold)//字体正常(加粗)
display:block - 把链接显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度。
width:60px - 块元素默认占用全部可用宽度。我们需要规定 60 像素的宽度。
text-align:center 属性规定元素中的文本的水平对齐方式。
padding:4px 简写属性在一个声明中设置所有内边距属性。
text-decoration:overline(none) 文本样式,字体上划线(没有下划线)
text-transform://不同的文本样式
h1 {text-transform:uppercase}
h2 {text-transform:capitalize}
p {text-transform:lowercase}
float:left//表示向左浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块
a:link {color: #FF0000} /* 未访问时的状态 */
a:visited {color: #00FF00} /* 已访问过的状态 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */
a:active {color: #0000FF} /* 鼠标按下去时的状态 */
overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出
术语翻译
element : 元素。
padding : 内边距,也有资料将其翻译为填充。
border : 边框。
margin : 外边距,也有资料将其翻译为空白或空白边。
<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.
<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间
这里是一个例子:(两行两列)
<table>
<tr>
<td>www.ihuby.com</td>
<td>www.vvoov.com</td>
</tr>
</teble>
2