前端基础html
前端学习基础html
上天的大乌龟
这个作者很懒,什么都没留下…
展开
-
【前端学习-表格】HTML基础学习笔记
<table border><caption>表格标题</caption><tr><th>这是表头1</th><th>这是表头2</th></tr><tr><td>第一行第一列</td><td>第一行第二列</td></tr><tr><td>第二行第一列</td><原创 2020-06-02 21:21:52 · 107 阅读 · 0 评论 -
【前端学习-图像】HTML基础学习笔记
<img>注意点:<img>是空标签,没有结束标签属性:src图像的url地址alt当图片无法显示时,显示替换文本3.width设置图片的宽度4.height设置图片的高度<img src="dog.jpg" alt="小狗" width="200" height="300">...原创 2020-06-02 20:51:24 · 99 阅读 · 0 评论 -
【前端学习-头部head】HTML基础学习笔记
<head>..</head>里head是头部文件的容器1.…文档标题2. <link>..</link>标签定义了文档与外部资源之间的关系或者链接到样式表。如:<link rel="stylesheet" type="text/css" href="mystyle.css">3.标签定义了HTML文档的样式文件引用地址,或者可以直接添加样式来渲染 HTML 文档。如:<style type="text/css">bod原创 2020-06-02 20:20:48 · 216 阅读 · 0 评论 -
【前端学习-元素属性】HTML基础学习笔记
属性中可在元素中添加附加信息属性一般在开始标签中属性总是以名称/值对的形式出现,比如:name=“value”如:<a href="http://www.runoob.com">这是一个链接</a>适用于html的属性:class 【为html元素定义一个或多个类名(classname)(类名从样式文件引入)】注意:class 属性可以多用 class=" " (引号里面可以填入多个class属性)id 【定义元素的唯一id】style 【规定元素的行内样.原创 2020-06-01 20:34:03 · 131 阅读 · 0 评论 -
【前端学习-换行/水平分割线】HTML基础学习笔记
1.换行<br>2.水平分割线<hr>原创 2020-06-01 16:05:52 · 275 阅读 · 0 评论 -
【前端学习-文档的基本组成部分】HTML基础学习笔记
1. 页眉2.导航栏3.主内容4.侧边栏5.页脚原创 2020-06-01 15:09:11 · 143 阅读 · 0 评论 -
【前端学习-文字处理-强调】HTML基础学习笔记
em(斜体)如:<p>你真<em>棒!</em></p><strong>(加粗)如:<p>你真<strong>棒!</strong></p>原创 2020-06-01 10:38:55 · 88 阅读 · 0 评论 -
【前端学习-文档解释】HTML基础学习笔记
文档相关解释<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>测试页面</title> </head> <body> <img src="images/firefox-icon.png" alt="测试图片"> </body></html>1.<!DOCT原创 2020-05-29 20:53:21 · 141 阅读 · 0 评论 -
【前端学习-元素】HTML基础学习笔记
1.<开始标签>内容<结束标签>组成元素原创 2020-05-29 20:01:45 · 151 阅读 · 0 评论 -
【前端学习-标记文本-链接a】HTML基础学习笔记
1.链接<a href="">内容</a>如:<a href="https://www.baidu.com/index.php?tn=monline_3_dg">百度</a>注意点:a标签定义超链接,点击连接后跳转另一个页面。a标签属性herf,herf后接跳转页面的网址。还没被访问的超链接显示为蓝色,访问过的超链接显示为紫色。效果图4. 注意!!href不要写成herf !!...原创 2020-05-30 11:07:17 · 278 阅读 · 0 评论 -
【前端学习-标记文本-列表ol/ul】HTML基础学习笔记
1.列表分为有序列表和无序列表无序列表【前面是点】<ul> <li>小猫</li> <li>小狗</li> <li>小羊</li> </ul>可记为“努力”,便于记忆。效果图:2.有序列表【前面是数字】<ol><li>小猫</li><li>小狗</li><li>小羊</li></ol&g原创 2020-05-30 10:53:02 · 155 阅读 · 0 评论 -
【前端学习-标记文本-段落p】HTML基础学习笔记
1.段落<p>这是一个段落</p>注意点:p标签作为段落标签会自动在其前后生成空白如: <p>这是第一段落。</p> <p>这是第二段落</p>效果图:原创 2020-05-30 10:42:38 · 148 阅读 · 0 评论 -
【前端学习-标记文本-标题h】HTML基础学习笔记
1. 标题 <h1>主标题</h1><!--最重要的标题--> <h2>顶层标题</h2><!--次要标题--> <h3>子标题</h3> <h4>次子标题</h4><h5>..</h5><h6>..</h6>-字体依次变小,都是标题标签。注意点:h1标签在一个网页中最好只使用一次。h2,h3,h4在一个网页中可多次原创 2020-05-30 10:35:13 · 189 阅读 · 0 评论