美文网首页
html基础

html基础

作者: 小唱同学 | 来源:发表于2019-05-20 20:45 被阅读0次

常见的浏览器:ie,chrome,firefox,opear,safari.国产浏览器

网景:navigator,2004->Mozillia基金会成立firefox,内核Gecko

微软 ie:Trident

apple:2003,safari:webkit内核开源

google:2006,chrome:开源webkit,分支Blink内核

opear:presto内核,2016webkit

国内:webkit&trident

问题: 当网页显示出现乱码时

解决:在<head></head>标签之间添加:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

一,文字与段落

标题标签:<h1></h1>~<h6></h6>

段落标签:<p></p> 可以嵌套行内元素,不可以嵌套块元素

align对齐属性值:  写在开始标签里面 

123

left  左对齐内容

right 右对齐内容

center 剧中对齐内容

justify 对行进行伸展,这样每行都可以邮箱等的长度

换行标签:<br/>

空格:                         特殊符号"<" :  <      ">" : >

保留编辑器格式:<pre></pre>

水平线标签<hr/>

文字斜体:<i></i>  (<em></em>起强调)

加粗:<b></b>  (<strong></strong> 起强调)

下标: <sub>  上标<sup>

无序列表                                                     

<ul>                                    type属性值             

<li>列表项</li>                    disc  原点

<li>列表项</li>                    square    正方形

</ul>                                    circle    空心圆

有序列表

<ol>                                    type属性值             

<li>列表项</li>                    1  数字 1 2 3                      i    小写罗马数字 i

<li>列表项</li>                    a  小写字母a,b,c            I  大写罗马数字 I

</ol>                                    A  大写字母A,B。。

定义列表

<dl>

<dt>定义列表项</dt>

<dd>列表项描述</dd>

<dd>列表项描述</dd>

<dt>定义列表项 </dt>

<dd>列表项描述</dd>

</dl>

图像标签

语法: <img src=" " alt=" ".../>

img属性:

Src(必写)      url          显示图像的URL

alt                文字        代替图像的文字

height      数值和百分比      图像的高

width        数值和百分比    图像的宽

超链接标签

语法:<a href=" ">内容</a>

href:链接地址,可以是内部链接(相对路径)或外部链接(绝对路径)

空链接" #"

target  :  链接的目标窗口 _self(本窗口打开),_blank(创建一个新的窗口),_top,_parent

title  : 链接提示文字(鼠标停留链接提示内容)

name  :  连接命名

锚链接:实现单个页面内不同位置的跳转

1,定义锚的位置和锚名 (<a href="...."name=" 锚名1">内容</a>)|| (<a name="锚名1"></a)

2,设置寻找锚链接<a href="#锚名1">目录1(名字)</a>

定义锚(不同页面):

网页一:<a href="网页名称#锚名">。。。</a>

网页二:<a name="锚名">。。。</a>

电子邮件链接:

<a href="mailto:邮件地址">.....</a>

文件下载:

<a href="下载文件的地址">......</a>

相关文章

网友评论

      本文标题:html基础

      本文链接:https://www.haomeiwen.com/subject/mgvlzqtx.html