HTML学习

来源：互联网发布：行知职校编辑：程序博客网时间：2024/06/05 01:58

一：

基本结构：

<!doctype html>             -->文档类型声明
<htmllang="en">            -->以html开头中文网站
<head>                      -->文档的头部开始
    <metacharset="UTF-8">  -->字符编码
        <title>标题</title> -->文档标题
</head>                     -->文档头部结束
<body> 文体内容</body>      --文档主体内容部分
</html>                     -->html结束

二：

HTML文本的几种标签：

<h1></h1>...<h6></h6> -->定义标题文字大小

<p></p> --分段 <hr/> --换行

<b></b> 和 <strong></strong> --加粗

.........

三：

图片链接：

1.插入图像 <imgsrc="Mylove.jpg"> 相对路径插入（图片和代码文件在同一文件夹下）

若有多个图片，新建一个文件夹images存放，位置也和代码文件在同一文件夹下

2.图片的替换文本 <imgsrc="images/Myloveli.jpg"alt="图片应导入位置">

3.插入图片路径错误，在图片位置会有“图片应导入位置”，即alt定义的文字来替换显示。

4.调整图片尺寸 <imgsrc="images/Mylove.jpg"width="120"height="120">

高和宽，以像素为单位

四：

列表标签的使用：

<h1>无序列表的使用</h1>
<ul>
<li>茶</li>
<li>橙汁</li>
</ul>

有序列表就是把ul改为ol,若要指定顺序的起始位置则：<olstart="位置大小">

嵌套列表使用：在所要嵌套的列表下再建立一个列表，一般是子列表，如
    <li>茶</li>
    <ul>
        <li>红茶</li>
        <li>绿茶</li>
    </ul>

定义列表的使用：

<dl>
    <dt>标题</dt>（也可以是图片如：<dt><imgsrc="images/Mylove.jpg"</dt>）
    <dd>内容</dd>
    <dd>内容</dd>
</dl>

阅读全文

0 0