HTML学习感悟

HTML是一个超文本语言,原本并不打算做网站的我发现学习信息根本离不开web前端的掌握,因此需要对HTML进行一定程度的学习。对了,它可以说是网页的一个标志,打开任何网页我们看到的都是HTML的文本,该文本相对于其他语言都比较简单所以我打算快速学习然后使用上去QAQ然后我是在菜鸟教程进行学习的。now start!
摸索了一下发现全靠背啊!!背啊背啊背好累啊又回到高中背政治的感觉!!于是我想了一种偷懒的方法!对元素定义进行自我归纳理解来学习它T T
HTML→描述网页的一门语言
元素→完整的<标签>内容</标签>即为元素,在HTML中是镶嵌的
标签→内容两边就是标签嘿嘿 <标签>内容</标签>
标题→<h1>到<h6>的标签就叫标题
段落→一个完整的段落是这样的<p>内容</p>  (233也就是改一下标签真的很easy啊我话好多=-=)
链接→这个也好理解 如:<a href="http://www.runoob.com">这是一个链接</a>  中a为链接定义,
href相当于一个指针,双引号里边的玩意是地址,这是一个链接 是内容,即在网页上显示出来的字。
图像→格式:<img src="路径" 属性名="属性值" 属性名="属性值" /> 如:<img src="/images/logo.png" width="258" height="39" />
水平线→<hr> 标签在 HTML 页面中创建水平线。这个定义不错
注释→<!-- 这是一个注释 --> 这个例子不错~hhh
换行→<br> 哇有个大佬讲到一点<br>相当于<br></br> 这是后来的严谨运用,可以理解为他是个自身封闭元素
加粗and斜体→格式:<b></b> 、<i></i> 据说后期的渲染常用上<strong></strong><em></em>
元素→<head>内容<\head>    <title>文档标题<\title>   
base元素:用来定义文档的默认链接

<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>

link元素:用来连接外部资源,比如使用CSS装饰可以用到

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

style元素:增加CSS样式的内容

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>meta元素:定义一些不显示在网页上的元素相当于网页的一些功能script元素:用来加载脚本文件

图像→定义图像例子: <img src="url" alt="some_text" width="304" height="228"> src是图像资源url是图像地址alt是当图像失去信息时网页的显示
   width指定图像的宽度height指定图像的高度
表格→例子:
<table>
   <tr>     
    <th>表头内容<\th>
    <th>表头内容<\th>
   <\tr>

   <tr>     
    <td>内容<\td>
    <td>内容<\td>
   <\tr>
<\table>
table定义表格 tr定义每行 td定义每列th定义表头的每行
列表→
<ul>
  <li>内容<\li>
<\ul>
<ol>
  <li>内容<\li>
<\ol>
<dl>
  <dt>列表一内容开头<\dt>
  <dd>列表一内容<\dd>
  <dt>列表二内容开头<\dt>
  
<dd>列表二内容<\dd>
<\dl>
ul定义无序列表每个列表开头都配上一个圆点
ol定义有序数每个列表开头会配上一个有序的数字  如:1.内容
2.内容
dl定义自定义列表没什么特别的就是单纯用一些文字来
定义 dt为一个自定义列表开头dd则为自定义列表内容
布局→定义区块<div>内容<\div>       定义表格<table>内容<\table>
表单→例子:
<form>
<input type="text" name="firstname">
<input type="password" name="psw">
<input type="radio" name="sex" value="male">
<input type="checkbox" name="vehicle" value="Bike">


<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">

 

<\form>
"text"定义输入文本"password"定义输入密码"radio"定义输入单选按钮“checkbox”定义多选按钮
“type”定义提交,数据会传输到html_form_action.php页面

 

posted @ 2018-12-17 10:23  碎了的冰  阅读(1290)  评论(0编辑  收藏  举报